Skille do strony z AI

Do czego służy

Dzięki tym skillom przez Claude Code zaprojektujesz ofertę swoich usług, dodasz nowe podstrony w spójnym designie i sprawdzisz stronę przed publikacją, bez znajomości całego kodu.

Oferta powstaje w dwóch krokach: najpierw skill układa samą treść oferty w pliku OFERTA.md, potem drugi skill buduje z niej podstronę /oferta.

Wszystkie fakty o Twojej stronie skille biorą z pliku PROJEKT.md, który raz uzupełniasz pod siebie.

Dla kogo

Dla osób, które mają stronę zbudowaną w standardzie kursu „Stwórz stronę z AI” (Next.js, Vercel, formularz przez Resend).

To narzędzie bardziej techniczne niż reszta biblioteki: pracujesz w folderze repozytorium strony.

Co dostajesz

• zaprojektuj-oferte: układa ofertę od zera (kto, problem, efekt, pakiety, cena, gwarancja).
• strona-oferty: buduje podstronę /oferta z gotowej treści, w Twoim designie.
• nowa-podstrona: nowa podstrona albo landing z nawigacją, stopką i SEO.
• seo-audyt i bezpieczenstwo: audyt SEO (metadane, H1, sitemap, OG, JSON-⁠LD) i bezpieczeństwa (sekrety, formularze, nagłówki, zależności).

Jak zainstalować

1. Pobierz ZIP z GitHuba i rozpakuj go. Znasz Git? Sklonuj repo: git clone https://github.com/bartoszbakowski1-ai/strona-ai-skills.git.
2. Skopiuj skille, PROJEKT.md i references/ do folderu .claude/ w repo strony (polecenia niżej).
3. Uzupełnij PROJEKT.md pod swoją stronę. To ok. 10 minut, a skille działają potem na faktach Twojej strony.

git clone https://github.com/bartoszbakowski1-ai/strona-ai-skills.git ~/strona-ai-skills
mkdir -p .claude/skills
cp -R ~/strona-ai-skills/skills/* .claude/skills/
cp ~/strona-ai-skills/PROJEKT.md .claude/
cp -R ~/strona-ai-skills/references .claude/

Pobierz ZIPRepozytorium na GitHubie (otwiera się w nowej karcie)

Jak używać

1. Otwórz terminal w głównym folderze repo strony (tam, gdzie jest package.json) i uruchom Claude Code.
2. Wpisz np. /zaprojektuj-oferte, /nowa-podstrona albo /seo-audyt. Możesz też napisać zwykłym językiem: „pomóż mi ułożyć ofertę”.
3. Każdy skill najpierw czyta PROJEKT.md i aktualny kod, więc działa na bieżącym stanie strony.

Zanim zaczniesz

• Node i npm install w repo strony.
• Plik .env.local z RESEND_API_KEY i KONTAKT_EMAIL.
• Claude Code uruchamiany z głównego folderu repo strony.