59 Prototype.
Interactive product mockups — dashboards, apps, landing pages, internal tools. Anything you’d hand a stakeholder and click through.
Typ artefaktu
Scena
- 001
Wpis blogowy Długi artykuł / wpis na blogu — z nagłówkiem, symbolem zastępczym obrazu hero, treścią artykułu z ilustracjami i cytatami, podpisem autora, powiązanymi wpisami. Użyj, gdy brief zawiera słowa 'blog', 'artykuł', 'wpis', 'esej' lub 'studium przypadku'. - 002
Raport przypadku klinicznego Ustrukturyzowana prezentacja przypadku medycznego do obchodów, konferencji i dokumentacji. Generuje raporty w formacie SOAP lub narracyjnym z fizjologicznie dokładnymi parametrami życiowymi, wynikami badań i planami opartymi na dowodach. - 003
Interaktywna mapa możliwości Codex Przekształć długi artykuł, wątek, notatkę lub opis produktu w klikalną mapę możliwości w stylu Codex z pętlą workflow, macierzą przypadków użycia i responsywnym panelem szczegółów. - 004
Critique Przeprowadza ekspercką recenzję designu w 5 wymiarach dla dowolnego artefaktu HTML w projekcie — Filozofia/Hierarchia wizualna/Detale/Funkcjonalność/Innowacja, każdy oceniony w skali 0-10. Generuje samodzielny raport HTML z wykresem radarowym, uzasadnionymi ocenami i trzema listami: Zachować/Naprawić/Szybkie wygrane. - 005
Panel administracyjny Panel administracyjny i analityczny w jednym pliku HTML. Stały lewy pasek boczny, górny pasek z użytkownikiem/wyszukiwaniem, główna siatka kart KPI i wykresów. Użyj dla ekranów 'panelu', 'admina', 'analityki' lub 'panelu sterowania'. - 006
Raport Wizualizacji Danych Przekształca dane CSV, Excel lub JSON w dopracowaną wizualną stronę raportu. - 007
Dating Web Konsumencki panel randkowy/matchmakingowy z lewą nawigacją boczną, paskiem sygnałów społeczności, kluczowymi KPI, wykresem słupkowym wzajemnych dopasowań z 30 dni i blokiem trendu współczynnika dopasowań. Typografia redakcyjna, stonowane akcenty. Idealny dla serwisów randkowych, matchmakingu, paneli społecznościowych lub dashboardów sieci społecznościowych. - 008
Wycena DCF Wycena metodą zdyskontowanych przepływów pieniężnych i analiza wartości wewnętrznej spółek giełdowych. Do DCF, wartości godziwej, ceny docelowej i analizy prze/niedowartościowania. - 009
Prezentacja 3D urządzeń Statyczna prezentacja 3D iPhone'a i MacBooka z rzeczywistym HTML osadzonym na ekranach, refrakcją szklanej soczewki i kompozycją obrotową 360 stopni. - 010
Cyfrowy przewodnik Podgląd dwustronicowego cyfrowego przewodnika — strona 1 to okładka (tytuł, autor, statystyki 'Co w środku', zapowiedź spisu treści); strona 2 to rozkładówka (treść lekcji z cytatem i listą kroków). Ton lifestyle / marka twórcy. Używaj, gdy brief wymaga 'e-guide', 'digital guide', 'lookbook', 'lead magnet', 'creator guide', 'playbook', 'PDF guide' lub '电子指南'. - 011
Strona dokumentacji Strona dokumentacji z boczną nawigacją, przewijaną treścią artykułu i spisem treści. Używaj, gdy brief wspomina o 'dokumentacji', 'przewodniku', 'referencji API' lub 'tutorialu'. - 012
Email marketing Szablon emaila do premiery produktu z nagłówkiem, obrazem hero, nagłówkiem kursywą, treścią główną, przyciskiem CTA i tabelą specyfikacji w wyśrodkowanym jednoszpaltowym układzie HTML. - 013
Runbook inżynieryjny Runbook inżynieryjny — przegląd usługi, tabela alertów, linki do dashboardów, typowe procedury z poleceniami do skopiowania, harmonogram dyżurów i checklista reakcji na incydenty. Użyj dla runbooków, dokumentacji ops, przewodników dyżurowych, dokumentacji SRE lub 运维手册. - 014
Raport finansowy Kwartalny/miesięczny raport finansowy z nagłówkiem KPI, wykresami przychodów i wydatków, tabelą podsumowującą P&L, najważniejszymi punktami i akapitem prognozy. Użyj, gdy brief wspomina 'raport finansowy', 'raport Q3', 'przegląd MRR', 'P&L' lub '财报'. - 015
Szablon panelu na żywo Flowai Panel zarządzania zespołem w estetyce FlowAI z trzema zakładkami (Członkowie zespołu, Szczegóły zespołu, Dziennik aktywności), wierszem statystyk KPI, tabelą członków, wykresem słupkowym podziału ról, wykresami sparkline obecności online i aktywności oraz panelem najlepszych współtwórców. Obsługuje motyw jasny/ciemny, podpowiedzi wykresów, powiększanie i eksport CSV. - 016
Aplikacja grywalizowana Prototyp grywalizowanej aplikacji mobilnej na trzech ekranach: okładka, dzisiejsze questy z wstążkami XP i paskiem poziomu, szczegóły questa. Idealny do aplikacji grywalizowanych, trackerów nawyków, aplikacji życiowych RPG, aplikacji levelowania, daily questów i aplikacji XP/streak. - 017
Panel GitHub Panel analityczny repozytorium GitHub — gwiazdki, forki, współtwórcy, zgłoszenia, pull requesty, ostatnia aktywność i czołowi współtwórcy. Używaj do panelu repozytorium GitHub, raportu wzrostu open-source, strony kondycji repozytorium lub widoku analitycznego GitHub. - 018
Onboarding HR Plan onboardingu nowych pracowników na jednej stronie — harmonogram pierwszego tygodnia, przedstawienie buddy + menedżera, ścieżka nauki, lista sprzętu i cele 'jesteś gotowy, gdy…'. Użyj, gdy brief wspomina 'onboarding', 'nowy pracownik', 'plan pierwszego tygodnia' lub '入职'. - 019
Html Ppt Taste Brutalist Prezentacja HTML 16:9 w stylu tactical-telemetry / terminal CRT. Slajdy węglowe dezaktywowanego CRT, biały fosforowy monospace, akcent niebezpieczna czerwień, nakładka scanline, składnia ASCII, gęstość ponad dekorację. Zdestylowane z Leonxlnx/taste-skill `brutalist-skill` (tryb Tactical Telemetry). - 020
Html Ppt Taste Editorial Prezentacja HTML 16:9 w stylu editorial-minimalistycznym. Ciepłe kremowe slajdy, szeryfowe nagłówki + grotesk w treści, cienkie linie, monospace w metadanych, obszerne białe przestrzenie, jeden akcent. Destylowane z Leonxlnx/taste-skill `minimalist-skill`. - 021
Faktura Drukowana strona faktury — blok nadawcy i odbiorcy, tabela pozycji, zestawienie podatków, sumy i instrukcje płatności. Użyj, gdy brief wspomina o 'invoice', 'bill', 'billing statement' lub '发票'. - 022
Kami Landing Tworzy jednostronicowy dokument w jakości drukarskiej — ciepłe płótno pergaminowe, akcent atramentowej błękitu, szeryfowa czcionka jednej grubości, bez kursywy, bez chłodnych szarości. Wynik przypomina profesjonalny white paper lub studio one-pager, a nie UI aplikacji. Wielojęzyczny z założenia (EN · zh-CN · ja). Jeden samodzielny plik HTML, zero zależności. - 023
Dokument pergaminowy Kami Ciepłe pergaminowe płótno (#f5f4ed), monochromatyczny akcent atramentowej błękici (#1B365D), jedna rodzina szeryfowa i typografia klasy edytorskiej. - 024
Tablica Kanban Tablica kanban / zadań z kolumnami (To do / In progress / In review / Done), przeciągalnymi kartami, awatarami przypisanych osób, swimlanes i górnym paskiem filtrów. Użyj, gdy brief wspomina 'kanban', 'task board', 'sprint board', 'trello' lub '看板'. - 025
Ostatnie 30 dni Badanie trendów społecznościowych i社交nych z ostatnich 30 dni. Użyj, gdy potrzebujesz informacji o aktualnych opiniach, nastrojach, reakcjach społeczności, dowodach społecznych, reakcji na premierę, skanowaniu trendów lub kontekście z ostatnich 30 dni. - 026
Artykuł czasopisma Układ artykułu czasopisma inspirowany Huashu / huashu-md-html do przekształcania Markdown lub notatek w dopracowany długi esej HTML. - 027
Plakat Magazynowy Plakat redakcyjny w stylu gazety z papierem gazetowym, linią daty, dużym tytułem szeryfowym z przekreśleniem i kursywą, blokiem tekstowym w 2 kolumnach oraz 6 numerowanymi sekcjami z adnotowanymi cytatami. Idealny do plakatów magazynowych, layoutów redakcyjnych, stylu gazety lub manifestów. - 028
Plakat Marketingowy Pionowy plakat lub obraz do udostępniania w stylu Stories o silnym efekcie wizualnym. - 029
Notatki ze spotkania Strona notatek ze spotkania — pasek tytułowy z uczestnikami, lista kontrolna agendy, blok decyzji, tabela zadań z właścicielami i datami oraz stopka dla następnego spotkania. Używaj dla zapytań 'notatki ze spotkania', 'protokół', 'notatki 1:1', 'podsumowanie all-hands' lub '会议纪要'. - 030
Aplikacja mobilna Ekran aplikacji mobilnej renderowany wewnątrz dokładnej co do piksela ramki iPhone 15 Pro na stronie. Tworzony przez skopiowanie pliku źródłowego assets/template.html i wklejenie jednego archetypu ekranu z references/layouts.md. Użyj, gdy brief wymienia 'aplikację mobilną', 'aplikację iOS', 'aplikację Android', 'ekran telefonu' lub 'UI aplikacji'. - 031
Onboarding mobilny Wieloekranowy przepływ onboardingu mobilnego w postaci trzech ramek telefonów obok siebie — splash, propozycja wartości, logowanie. Pasek stanu, kropki swipe, główny CTA. Użyj, gdy w briefie pojawi się 'onboarding mobilny', 'onboarding iOS', 'rejestracja na telefonie' lub '移动端引导'. - 032
Nowoczesne CV Nowoczesne minimalistyczne CV, jedna strona A4, gotowe do druku lub eksportu do PDF. - 033
Motion Frames Jednokadowa kompozycja motion design z zapętlonymi animacjami CSS — obrotowy pierścień tekstu, animowany globus, timer, etykiety parallax. Renderuje jako poster wideo hero dla HyperFrames lub dowolnego eksportera opartego na klatkach kluczowych. Idealne do motion designu, animowanych sekcji hero, loopów, posterów wideo i kart tytułowych. - 034
Strona docelowa Open Design Tworzy jednostronicową stronę docelową w języku wizualnym Atelier Zero (kolaż redakcyjny Monocle / Apartamento / Études). Wypełnia inputs.json z briefu marki, opcjonalnie generuje 16 zasobów kolażowych przez gpt-image-2 i zwraca samodzielny plik HTML z animacjami przewijania i stałą nawigacją. - 035
Orbit Ogólny Automatycznie uruchamiany przez Orbit, gdy podłączone są dwa lub więcej konektorów. Zbiera aktywność z ostatnich 24 godzin ze wszystkich uwierzytelnionych konektorów (GitHub, Linear, Notion, Slack, 飞书, Kalendarz, Gmail, Drive, Sentry, Vercel itp.) i generuje adaptacyjny dashboard w układzie siatki bento na górze "我的设计". Wykonywany automatycznie przez harmonogram codziennych podsumowań Orbit. - 036
Orbit Github Umiejętność Orbit do automatycznego generowania codziennych podsumowań na podstawie połączeń GitHub. Pobiera PR-y, żądania przeglądu, zgłoszenia, uruchomienia CI i scalenia z ostatnich 24 godzin i wyświetla je w stylu natywnych powiadomień GitHub. Wywoływane automatycznie przez harmonogram codziennego podsumowania Orbit. - 037
Orbit Gmail Wyodrębnia aktywność skrzynki odbiorczej z ostatnich 24 godzin i generuje codzienne podsumowanie, gdy Gmail jest jedyną podłączoną usługą lub została wyraźnie wybrana. Uruchamiane automatycznie przez harmonogram Orbit, nie należy uruchamiać ręcznie. - 038
Orbit Linear Automatycznie uruchamiana przez pipeline Orbit, gdy Linear jest jedynym podłączonym konektorem użytkownika lub gdy użytkownik jawnie ogranicza swój dzienny digest do Linear. Pobiera dane z ostatnich 24 godzin o ruchach zadań, zmianach statusów, przypisaniach i postępie cykli, renderując je w natywnym języku wizualnym skrzynki odbiorczej Linear. - 039
Orbit Notion Umiejętność briefingu Open Orbit — wybierana przez pipeline Orbit, gdy Notion jest jedynym podłączonym konektorem użytkownika lub gdy użytkownik jawnie ogranicza swój codzienny digest do Notion. Pobiera edycje dokumentów, komentarze, wzmianki i zmiany wierszy bazy danych z ostatnich 24 godzin z uwierzytelnionego połączenia Notion użytkownika i renderuje digest jako natywną stronę Notion (elementy callout/toggle/tabela bazy danych). Ta umiejętność nie powinna być uruchamiana ręcznie — jest wywoływana przez harmonogram codziennego digestu Orbit na żywych danych Notion. - 040
Specyfikacja produktu Jednostronicowa specyfikacja produktu/PRD — problem, metryki sukcesu, zakres, user stories, notatki projektowe, plan wdrożenia, otwarte pytania. Do specyfikacji produktowych i briefów funkcjonalności. - 041
Strona cennikowa Samodzielna strona cennikowa — nagłówek, poziomy planów, tabela porównania funkcji i FAQ. Używaj, gdy brief wymaga strony z 'cennikiem', 'planami', 'poziomami subskrypcji' lub 'porównaniem planów'. - 042
Karta posta Reddit Realistyczna karta posta Reddit z panelem głosowania i licznikiem komentarzy, idealna do nakładek wideo lub udostępniania w Stories. - 043
Landing SaaS Jednostronicowa strona docelowa SaaS z hero, funkcjami, dowodem społecznym, cenami i CTA. Przestrzega aktywnych tokenów koloru/typografii/layoutu z DESIGN.md. Słowa kluczowe: "saas landing", "marketing page", "product landing". - 044
Karuzela społecznościowa Trzykartkowa karuzela do mediów społecznościowych w formacie 1080×1080 kwadratów – trzy filmowe panele zgodne z marką z nagłówkami łączącymi się w całej serii ('dalej.' → 'do następnego.' → 'patrząc w przyszłość.'). Każda karta zawiera znak marki, numer/całość, podpis i affordance 'pętli'. Użyj w przypadku zapytań o 'post karuzelowy', 'karuzela społecznościowa', 'karuzela Instagram', 'seria LinkedIn', 'karty wątku X' lub '三连发'. - 045
Panel mediów społecznościowych Panel analityczny mediów społecznościowych dla twórców w pojedynczym pliku HTML. Z przełącznikiem platform (X / LinkedIn / YouTube / Instagram), kartami KPI (obserwujący, wskaźnik zaangażowania, polubienia, udostępnienia), wykresem wzrostu obserwujących, podglądem najlepszego postu tygodnia i panelem bocznym trendujących tematów/najlepszych komentarzy. - 046
Karta Spotify Teraz Odtwarzane Karta w stylu Spotify z okładką albumu, paskiem postępu i kontrolkami odtwarzania, idealna do nakładek wideo lub stron osobistych. - 047
Animacja Sprite Animowany slajd wyjaśniający w stylu pixel art z kremowym tłem, pogrubionym rokiem, animowaną maskotką pixel art (karta Hanafuda, grzyb lub konsola 8-bitowa), kinetyczną japońską typografią i wstążką osi czasu. Czysta animacja CSS, gotowa do nagrania jako wideo pionowe. - 048
OKR zespołu Strona śledzenia OKR z banerem kwartału, trzema celami z wynikami kluczowymi jako paskami postępu, awatarami właścicieli, pigułkami statusu i paskiem bocznym 'przegląd kwartału'. Użyj, gdy brief wspomina o OKR, wynikach kluczowych, celach lub 目标. - 049
Tweaks Dodaje panel kontrolny na żywo do dowolnego elementu HTML, umożliwiając dostosowanie koloru akcentu, skali typograficznej, gęstości, ruchu i motywu. Zmiany są natychmiast aplikowane do niestandardowych właściwości CSS i zapisywane w localStorage. - 050
Karta udostępniania Twitter Karta z cytatem lub danymi Twitter zaprojektowana do pary z postem. - 051
Strona listy oczekujących Minimalistyczna strona docelowa przed premierą z przechwytywaniem e-maili, logo marki i opcjonalną warstwą dekoracyjną. Odczytuje kolory, typografię i reguły układu z DESIGN.md. Idealna do premier produktów, zapisów na wersje beta, programów wczesnego dostępu i projektów niezależnych. - 052
Prototyp Web Uniwersalny prototyp internetowy na desktop. Samodzielny plik HTML tworzony przez skopiowanie `assets/template.html` i wklejenie layoutów z `references/layouts.md`. Domyślny dla stron docelowych, marketingowych, dokumentacji lub SaaS. - 053
Web Prototype Taste Brutalist Prototyp webowy w stylu szwajcarskiego druku przemysłowego. Płótno papieru gazetowego, monolityczny czarny grotesk, cyfry wykraczające poza viewport, włoskowate podziały siatki, akcent w kolorze czerwieni ostrzegawczej, dekoracja składni ASCII. Destylowane z Leonxlnx/taste-skill `brutalist-skill` (tryb szwajcarskiego druku przemysłowego). - 054
Web Prototype Taste Editorial Edytorsko-minimalistyczny prototyp strony. Ciepłe monochromatyczne płótno, nagłówki szeryfowe + groteskowa treść, obramowania 1px, stonowane pastele, obszerne białe przestrzenie, mikro-animacje. - 055
Web Prototype Taste Soft Miękki prototyp webowy na poziomie Apple. Srebrno-kremowe płótno, karty z podwójną ramką, zagnieżdżone przyciski CTA, duże promienie squircle, sprężysta animacja i ambient mesh. Oparty na soft-skill z Leonxlnx/taste-skill i sekcjach 4–8. - 056
Szkic Wireframe Ręcznie rysowany wireframe z tłem w kratkę, tonem markera/ołówka, wieloma zakładkami, notatkami na karteczkach i szkicami wykresów. Idealny do zapytań o wireframe, szkic, lo-fi lub tablicę. - 057
Karta posta X / Twitter Realistyczna karta posta X z metrykami zaangażowania (polubienia, reposty, wyświetlenia), idealna do nakładek wideo lub kart obrazów do udostępniania. - 058
X Research Badanie nastrojów publicznych w X/Twitter dotyczących rynków, firm, produktów lub społeczności. Używaj do analizy opinii publicznej, postów ekspertów lub reakcji społecznych na akcje, sektory, firmy, produkty lub wydarzenia rynkowe. - 059
Karta Xiaohongshu Karty wiedzy w stylu Xiaohongshu, ułożone jako przewijana karuzela wielokartowa.