Kieruj projektem — pozwól agentowi zająć się produkcją
Ty ustalasz system i standard; agent renderuje ekrany, stany, warianty, makiety o wysokiej wierności. Mniej przesuwania prostokątów, więcej decydowania, jak wygląda dobro.
W jednym zdaniu
Open Design to asystent produkcji, który nigdy się nie męczy: Ty definiujesz system projektowy i wyrokujesz o smaku; agent generuje resztę, zgodnie z systemem, w Twoim repozytorium.
Jak projektant korzysta z Open Design
- 01
Zakoduj swój system
Zamień swoją markę w plik DESIGN.md — skalę typografii, kolor, odstępy, komponenty, ton. To źródło prawdy, którego agent przestrzega.
- 02
Wygeneruj długi ogon
Każdy ekran, stan i wariant, które inaczej budowałbyś ręcznie — agent renderuje je zgodnie z systemem, więc nudne 80% jest gotowe w kilka minut.
- 03
Kieruj i dopracowuj
Krytykuj językiem — „zacieśnij odstępy, ociepl pusty stan.” Masz ostatnie słowo; agent wykonuje iteracje.
Czym projektant może kierować
prototyp Czytaj pełny prompt → 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.
prototyp Czytaj pełny prompt → 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).
prototyp Czytaj pełny prompt → 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 '移动端引导'.
prototyp Czytaj pełny prompt → 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ę.
prototyp Czytaj pełny prompt → 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.
obraz Czytaj pełny prompt → Plakat graficzny
Generator pojedynczych obrazów do plakatów, key art i ilustracji redakcyjnych. Domyślnie gpt-image-2, ale obsługuje Flux, Imagen lub Midjourney poprzez aktywne narzędzia upstream. Wyjście to pliki PNG/JPEG zapisane w folderze projektu.
Projektowanie z Open Design vs sposób ręczny
| Czego potrzebujesz | Z Open Design | Ręczne narzędzia projektowe |
|---|---|---|
| Zbuduj system projektowy | ●DESIGN.md, który agent stosuje wszędzie | Biblioteka utrzymywana ręcznie w każdym narzędziu |
| Twórz warianty i stany | ●Generowane zgodnie z systemem z jednego polecenia | Powielasz ramki i dłubiesz przy każdej z osobna |
| Makiety o wysokiej wierności | ●Renderowane do prawdziwego HTML, nie płaska makieta | Praca na pikselach, którą inżynieria i tak odbudowuje |
| Zachowaj spójność | ●Jeden system, egzekwowany automatycznie | Ręczna dyscyplina; z czasem się rozjeżdża |
| Przekazanie prac | ●Materiał to kod — brak luki tłumaczenia | Dokumenty specyfikacji i adnotacje korekcyjne |
Praca o wysokiej wierności, zgodna z systemem, którą agent stworzył na podstawie wskazówek. Wybierz coś bliskiego Twojemu stylowi i dopracuj to.
FAQ dla projektanta
-
01 Czy to mnie zastąpi?
Nie — zastępuje mozół. Ty ustalasz system i smak; agent wykonuje powtarzalną produkcję, więc poświęcasz czas na decyzje, które tylko Ty możesz podjąć.
-
02 Jak zachowam kontrolę nad wyglądem?
Twój DESIGN.md to kontrakt. Agent renderuje w jego ramach, a Ty krytykujesz językiem, aż będzie dobrze.
-
03 Czy wynik jest edytowalny / prawdziwy?
To prawdziwy HTML/CSS, nie płaski eksport — więc przechodzi wprost do produkcji, zamiast być odbudowywany.
-
04 Których agentów mogę używać?
Claude Code, Codex, Cursor Agent, Gemini CLI i kolejne natywne adaptery, z Twoimi własnymi kluczami dostawców.
Pokieruj swoim kolejnym projektem jeszcze dziś wieczorem
Daj gwiazdkę repozytorium, zainstaluj Open Design i pozwól agentowi zająć się produkcją, podczas gdy Ty wyrokujesz o smaku — w agencie, którego już używasz.