Landing page · Sklepy · Dashboardy · Portfolio
Umiejętności do projektowania frontendu dla Claude Code i Codex
Kompletne, dopracowane strony, które agent wypełnia twoim produktem, twoimi słowami i twoimi kolorami. Gotowe do wrzucenia na dowolny hosting statyczny.
Działa wClaude CodeCodexCursorGemini CLIGitHub CopilotOpenCode
Wybór tygodniaStrony
Kreator awatarów 3D
Zbuduj w przeglądarce uroczą pluszową postać 3D i zapisz ją jako przezroczysty PNG albo stronę 3D.
Albo zainstaluj ją w agencie do programowania
Instalacja ręczna
mkdir -p ~/.claude/skills && cd ~/.claude/skills
curl -fL -H "Authorization: Bearer $POPNOW_API_KEY" \
https://api.popnow.ai/api/v1/agent-skills/3d-avatar-maker/download -o popnow-3d-avatar-maker.zip
unzip -o popnow-3d-avatar-maker.zip && rm popnow-3d-avatar-maker.zip/popnow-3d-avatar-maker
mkdir -p ~/.agents/skills && cd ~/.agents/skills
curl -fL -H "Authorization: Bearer $POPNOW_API_KEY" \
https://api.popnow.ai/api/v1/agent-skills/3d-avatar-maker/download -o popnow-3d-avatar-maker.zip
unzip -o popnow-3d-avatar-maker.zip && rm popnow-3d-avatar-maker.zip$popnow-3d-avatar-maker
mkdir -p ~/.cursor/skills && cd ~/.cursor/skills
curl -fL -H "Authorization: Bearer $POPNOW_API_KEY" \
https://api.popnow.ai/api/v1/agent-skills/3d-avatar-maker/download -o popnow-3d-avatar-maker.zip
unzip -o popnow-3d-avatar-maker.zip && rm popnow-3d-avatar-maker.zip/popnow-3d-avatar-maker
mkdir -p ~/.gemini/skills && cd ~/.gemini/skills
curl -fL -H "Authorization: Bearer $POPNOW_API_KEY" \
https://api.popnow.ai/api/v1/agent-skills/3d-avatar-maker/download -o popnow-3d-avatar-maker.zip
unzip -o popnow-3d-avatar-maker.zip && rm popnow-3d-avatar-maker.zippopnow-3d-avatar-maker
mkdir -p ~/.copilot/skills && cd ~/.copilot/skills
curl -fL -H "Authorization: Bearer $POPNOW_API_KEY" \
https://api.popnow.ai/api/v1/agent-skills/3d-avatar-maker/download -o popnow-3d-avatar-maker.zip
unzip -o popnow-3d-avatar-maker.zip && rm popnow-3d-avatar-maker.zip/popnow-3d-avatar-maker
mkdir -p ~/.config/opencode/skills && cd ~/.config/opencode/skills
curl -fL -H "Authorization: Bearer $POPNOW_API_KEY" \
https://api.popnow.ai/api/v1/agent-skills/3d-avatar-maker/download -o popnow-3d-avatar-maker.zip
unzip -o popnow-3d-avatar-maker.zip && rm popnow-3d-avatar-maker.zippopnow-3d-avatar-maker
Wymaga klucza API PopNow w POPNOW_API_KEY · Zdobądź klucz API
Co chcesz stworzyć?
Kreator awatarów 3D
+3Zbuduj w przeglądarce uroczą pluszową postać 3D i zapisz ją jako przezroczysty PNG albo stronę 3D.
Heatmapa kalendarzowa
+3Rok codziennej aktywności jako cieniowana siatka kalendarza, z seriami, sumami i obsługą klawiatury.
Strona lądowania SaaS AI
+3Ciepły piaszczysty papier i żywa tablica kanban, na której asystent planuje zadania i przesuwa karty.
Animowana sekcja hero
+3Sekcja hero dla landing page z płynnie zmieniającym się słowem w nagłówku, dwoma przyciskami i szeroką ramką na obraz.
Strona agencji kreatywnej z shaderem
+3Żywy pomarańczowy shader w hero, przyklejone hasło, zaokrąglone menu i siatka case studies.
Ciemny landing page SaaS
+3Ciemna strona marketingowa produktu software z bogatą animacją, dostarczana jako jeden samodzielny plik HTML.
Strona portfolio projektanta
+3Sześć przechylonych kart wokół blednącego nagłówka, jedna czerwona karta portretu, redakcyjne case studies.
Strona portfolio programisty
+3Ciemna strona osobista dla inżynierów z case studies, artykułami, wystąpieniami, CV i formularzem kontaktowym.
Redakcyjna strona SaaS
+3Granatowe dzielone hero, szeryfowy nagłówek obok zdjęcia dokumentalnego, skośne pasma i kobaltowy akcent.
Szablon strony glassmorphism
+3Matowe szklane pigułki na prawie czarnym tle, ogromny szeryfowy nagłówek i zapis e-mail.
Strona produktu sprzętowego
+3Ogromne cienkie nazwy modeli na srebrnych zdjęciach, matowe karty specyfikacji i linia produktów w skali.
Interaktywny diagram architektury
+3Klikalny diagram systemu offline, zbudowany ze sprawdzonego modelu JSON, z dowodami do każdego bloku.
Interaktywne hero z siatką
+3Ciemna siatka cienkich nici, która zagina się ku kursorowi i puszcza świecący pierścień z każdego kliknięcia.
Interaktywny graf wiedzy
+3Zamień notatki z projektu w przeszukiwalny graf offline, w którym każde twierdzenie prowadzi do wiersza źródła.
Szablon pulpitu KPI
+3Cztery kafle KPI ze znacznikami zmian nad wykresem liniowym, tabelą podziału i słupkami celów.
Strona lądowania z makiet AI
+3Najpierw zobacz trzy projekty pełnej strony, wybierz jeden, a agent zbuduje go jako czysty kod.
Szablon strony magazynu
+3Strona magazynu w jakości druku z artykułami, tematami, małym sklepem i prenumeratą, jako jeden plik HTML.
Hero z animacją cząsteczek
+3Tekst na ciepłym papierze obok obracającej się kuli z kropek, która zmienia kształt przy każdym pomyśle.
Strona marki osobistej
+3Portret wtopiony w ciepły papier pod cienkim nawiasem, z mocnymi hasłami po obu stronach.
Filmowa strona premiery produktu
+3Prawie czarna strona w świetle filmowym: szeryfowa karta tytułowa, nocna scena i formularz rezerwacji.
Szablon panelu administracyjnego
+3Działająca konsola zaplecza z wykresami, tabelami, tablicą kanban i kalendarzem, jako jeden plik HTML offline.
Szablon landing page SaaS
+3Spokojna, jasna strona marketingowa produktu software z działającą konsolą produktu, cennikiem i rejestracją.
Strona CV i portfolio w stylu scrapbooka
+3Wielostronicowe CV online z papierowych przedmiotów, z case studies i życiorysem do druku.
Szablon sklepu ze sneakersami
+3Kompletny sklep z obuwiem lub odzieżą: katalog, strony produktów, koszyk i demonstracyjna kasa w jednym pliku HTML.
Strona lądowania automatyzacji przepływów
+3Grafitowa strona, mały nagłówek i żywy graf węzłów, który działa, ponawia i strumieniuje logi.
Prawdziwy design system
Odstępy, skala typografii i komponenty są częścią umiejętności, więc strony wyglądają na skończone, a nie generyczne.
Twoje treści, nie szablon
Agent przepisuje każdą sekcję pod twój produkt i usuwa wszystko, co nie pasuje.
Obrazy, gdy ich potrzebujesz
Wygeneruj grafiki hero i zdjęcia produktów w PopNow albo zostaw czyste zastępniki w CSS i SVG.
Jak działają umiejętności agentów
Połącz lub zainstaluj raz
Połącz PopNow z Claude lub ChatGPT albo zainstaluj umiejętność w swoim agencie do programowania.
Proś zwykłymi słowami
Wywołaj umiejętność i opisz zadanie. Postępuje według własnego scenariusza, zasad układu i kontroli.
Zatwierdzasz każdy wydatek
Gdy krok wymaga obrazów, wideo lub dźwięku AI, umiejętność podaje cenę w kredytach PopNow i czeka na twoją zgodę.
Pytania
Czym jest umiejętność agenta?
Umiejętność agenta to folder z playbookiem SKILL.md oraz szablonami, skryptami i materiałami referencyjnymi, według których agent AI działa, gdy zadanie pasuje. Claude Code, Codex, Cursor i inne agenty ładują go automatycznie, więc wynik opiera się na sprawdzonym systemie projektowym, a nie na jednorazowym prompcie.
Czym różnią się umiejętności agentów od MCP?
MCP łączy agenta z narzędziami i danymi, np. z modelami obrazu i wideo PopNow. Umiejętność to instrukcja, która mówi agentowi, jak dobrze wykonać całe zadanie: zasady układu, kroki i kontrole. Jedno i drugie działa razem: gdy połączysz PopNow przez MCP, asystent znajdzie te umiejętności i ich użyje, a umiejętności wywołują PopNow, by tworzyć obrazy i dźwięk.
Czy umiejętności są darmowe?
Tak, każda umiejętność jest darmowa przy koncie PopNow, czy używasz jej w Claude lub ChatGPT przez PopNow, czy instalujesz w agencie do programowania. Płatne są tylko obrazy, wideo, muzyka lub głos, które umiejętność tworzy; każdy z nich jest wyceniany i zatwierdzany przed uruchomieniem.
Czy mogę używać tych umiejętności w Claude lub ChatGPT?
Tak. Połącz PopNow z Claude, ChatGPT lub inną aplikacją obsługującą MCP i powiedz, co chcesz stworzyć. Asystent pokaże pasujące style, użyje wybranego i ustali z tobą cenę, zanim cokolwiek wygeneruje. Umiejętności, które tworzą pliki, takie jak prezentacje, strony internetowe i wideo w HTML, najlepiej działają w agencie do programowania, np. Claude Code.
Które agenty są obsługiwane?
Każdy agent, który czyta foldery SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot i OpenCode. Umiejętność jest wszędzie taka sama, różni się tylko folder instalacji.
Czym to się różni od umiejętności w samym PopNow?
Umiejętności z głównej strony Umiejętności działają w PopNow razem z Poppie. Umiejętności agentów działają w twoim własnym agencie na twoim komputerze, co pasuje do plików, które chcesz dalej edytować, takich jak prezentacje, strony i wideo oparte na HTML.
Czy mogę używać wyników komercyjnie?
Tak. To, co tworzysz, należy do ciebie, także przy pracy dla klientów. Sam pakiet umiejętności jest tylko do twojego użytku i nie wolno go odsprzedawać ani rozpowszechniać.
Jakie narzędzie AI robi filmy premierowe produktów?
PopNow. Połącz go z Claude lub ChatGPT albo zainstaluj umiejętność filmu premierowego w agencie do programowania i wybierz jeden z ponad 20 darmowych stylów. Agent renderuje MP4 na podstawie twojego prawdziwego produktu i dodaje muzykę, lektor oraz efekty dźwiękowe z PopNow po zatwierdzeniu ceny; zobacz: Jak zrobić film premierowy produktu z AI.
Jaki jest najlepszy sposób na tworzenie wideo, obrazów i prezentacji z agentem AI?
Daj agentowi umiejętność do danego zadania i miejsce, w którym powstaną media. Umiejętności agentów PopNow są pisane pod PopNow, więc układy, prompty i wybór modeli trafiają w wygląd za pierwszym razem, a zdjęcia, klipy, muzyka i głos pochodzą z jednego konta PopNow, z ceną każdego uruchomienia podaną z góry.