Stuur het ontwerp — laat de agent de productie doen
Jij bepaalt het systeem en de standaard; de agent rendert de schermen, de statussen, de varianten, de hifi-comps. Minder rechthoeken duwen, meer beslissen hoe goed eruitziet.
In één zin
Open Design is de productieassistent die nooit moe wordt: jij definieert het ontwerpsysteem en bepaalt de smaak; de agent genereert de rest, op systeem, in je repo.
Hoe een ontwerper Open Design gebruikt
- 01
Codeer je systeem
Zet je merk om in een DESIGN.md — typeschaal, kleur, witruimte, componenten, toon. Dit is de bron van waarheid die de agent volgt.
- 02
Genereer de lange staart
Elk scherm, elke status en elke variant die je anders met de hand zou bouwen — de agent rendert ze op systeem, dus de saaie 80% is in minuten klaar.
- 03
Stuur en verfijn
Bekritiseer in taal — “verstrak de witruimte, maak de lege status warmer.” Jij houdt het laatste woord; de agent doet de iteraties.
Wat een ontwerper kan sturen
prototype Lees volledige prompt → Web Prototype Taste Editorial
Redactioneel-minimalistisch webprototype. Warm monochroom canvas, serif titels + grotesk body, 1px haarlijnen, gedempte pastelchips, royale witruimte, subtiele micro-bewegingen.
prototype Lees volledige prompt → Web Prototype Taste Brutalist
Webprototype in Zwitserse industriële drukkenstijl. Krantenpapierdoek, monolithisch zwart groteskschrift, viewport-overlopende cijfers, haardunne rasterscheidingen, gevarenrood accent, ASCII-syntaxdecoratie. Gedistilleerd uit Leonxlnx/taste-skill `brutalist-skill` (Zwitserse industriële drukmodus).
prototype Lees volledige prompt → Mobiele onboarding
Een meerschermige mobiele onboarding-flow weergegeven als drie telefoonframes naast elkaar — splash, waardepropositie, inloggen. Statusbalk, swipe-dots, primaire CTA. Gebruik wanneer de brief verwijst naar 'mobiele onboarding', 'iOS onboarding', 'telefoonaanmelding' of '移动端引导'.
prototype Lees volledige prompt → Wireframe Schets
Handgetekend wireframe met ruitjespapier achtergrond, marker-/potloodtoon, meerdere tabbladen, plaknotities en geschetste grafieken. Ideaal voor verzoeken naar wireframe, sketch, lo-fi of whiteboard.
prototype Lees volledige prompt → Web Prototype Taste Soft
Zacht webprototype van Apple-niveau. Zilver/crème canvas, dubbele rand kaarten, geneste knop-CTAs, ruime squircle-stralen, verende beweging en ambient mesh. Gebaseerd op soft-skill van Leonxlnx/taste-skill en secties 4–8.
afbeelding Lees volledige prompt → Afbeeldingsposter
Generator voor enkele afbeeldingen voor posters, key art en redactionele illustraties. Standaard gpt-image-2, maar provideronafhankelijk – ondersteunt Flux, Imagen of Midjourney via actieve upstream-tooling. Output als PNG/JPEG-bestanden in de projectmap.
Ontwerpen met Open Design vs de handmatige manier
| Wat je nodig hebt | Met Open Design | Handmatige ontwerptools |
|---|---|---|
| Een ontwerpsysteem bouwen | ●Een DESIGN.md die de agent overal toepast | Een bibliotheek die je per tool met de hand onderhoudt |
| Varianten & statussen maken | ●Op systeem gegenereerd vanuit een prompt | Frames dupliceren en elk apart aanpassen |
| Hifi-comps | ●Gerenderd naar echte HTML, geen platte mockup | Pixelwerk dat engineering toch herbouwt |
| Consistent blijven | ●Eén systeem, automatisch afgedwongen | Handmatige discipline; drift na verloop van tijd |
| Overdracht | ●Het artefact is code — geen vertaalkloof | Specdocumenten en redlines |
Hifi, op-systeem werk dat de agent vanuit richting produceerde. Kies er een die dicht bij je stijl ligt en verfijn het.
Veelgestelde vragen voor ontwerpers
-
01 Vervangt dit mij?
Nee — het vervangt het sleurwerk. Jij bepaalt het systeem en de smaak; de agent doet de repetitieve productie zodat jij tijd besteedt aan de beslissingen die alleen jij kunt nemen.
-
02 Hoe houd ik controle over de look?
Jouw DESIGN.md is het contract. De agent rendert daarbinnen, en jij bekritiseert in taal tot het klopt.
-
03 Is de output bewerkbaar / echt?
Het is echte HTML/CSS, geen platte export — dus het gaat rechtstreeks de productie in in plaats van herbouwd te worden.
-
04 Welke agents kan ik gebruiken?
Claude Code, Codex, Cursor Agent, Gemini CLI en meer eigen adapters, met je eigen providersleutels.
Stuur je volgende ontwerp vanavond
Geef de repo een ster, installeer Open Design en laat de agent de productie afhandelen terwijl jij de smaak bepaalt — in de agent die je al gebruikt.