Jouw ontwerpteam is de agent die je al draait
Geen ontwerper, geen budget, geen overdracht. Beschrijf wat je nodig hebt en je agent rendert het — een landingspagina vanochtend, een dashboard vanmiddag, socialkaarten voordat je lanceert — allemaal met één ontwerpsysteem dat je eenmaal hebt gedefinieerd.
In één zin
Open Design is de ontwerpafdeling die een solo-oprichter nooit had: van prompt naar artefact op elk oppervlak dat je product nodig heeft, op één merk, zonder overdracht en zonder extra tools.
Hoe een solobouwer Open Design gebruikt
- 01
Definieer je merk eenmaal
Leg kleuren, typografie en toon vast in een DESIGN.md (of fork een van de 140+ referentiesystemen). Elk artefact dat je daarna genereert, is automatisch op merk.
- 02
Genereer wat je hierna ook nodig hebt
Prototype, landingspagina, dashboard, pitchdeck, socialkaart — dezelfde agent, hetzelfde merk, elk met één prompt. Geen tools wisselen of extra licenties kopen.
- 03
Lever het — het is al echt
Alles rendert naar HTML / code in je repo, dus het prototype wordt het product en de landingspagina gaat live. Geen wegwerpmockups.
Wat een solobouwer kan leveren
prototype Lees volledige prompt → SaaS Landing
Eénpagina SaaS-landingspagina met hero, functies, social proof, prijzen en CTA. Respecteert de actieve DESIGN.md kleur-/typografie-/layout-tokens. Triggerwoorden: "saas landing", "marketing page", "product landing".
prototype Lees volledige prompt → Webprototype
Algemeen desktop webprototype. Zelfstandig HTML-bestand gemaakt door `assets/template.html` te kopiëren en lay-outs uit `references/layouts.md` te plakken. Standaard voor landingspagina's, marketing, documentatie of SaaS-pagina's.
prototype Lees volledige prompt → Mobiele app
Een mobiele-appscherm gerenderd in een pixelnauwkeurig iPhone 15 Pro-frame op de pagina. Gemaakt door het seed-bestand assets/template.html te kopiëren en één schermarchetype uit references/layouts.md te plakken. Gebruik wanneer de briefing vraagt om 'mobiele app', 'iOS-app', 'Android-app', 'telefoonscherm' of 'app-UI'.
prototype Lees volledige prompt → Dashboard
Admin-/analysedashboard in één HTML-bestand. Vaste linkerzijbalk, bovenbalk met gebruiker/zoeken, hoofdraster met KPI-kaarten en grafieken. Gebruik voor 'dashboard', 'admin', 'analytics' of 'configuratiescherm'.
prototype Lees volledige prompt → Blogpost
Lang artikel / blogpost — met masthead, hero-afbeelding placeholder, artikeltekst met figuren en pull quotes, auteurssignatuur, gerelateerde posts. Gebruik wanneer de briefing vraagt om 'blog', 'artikel', 'post', 'essay' of 'case study'.
presentatie Lees volledige prompt → Open-Slide 1920 Canvas Deck
Vergrendeld 1920x1080 canvas deck met vrije compositie op React-componentniveau, niet gebonden aan een vast sjabloon.
Solo bouwen met Open Design vs het op de moeilijke manier doen
| Wat je nodig hebt | Met Open Design | Het er nu alleen voor staan |
|---|---|---|
| Dek elk ontwerpoppervlak | ●Eén agent doet prototype, landing, dashboard, merk | Vijf SaaS-tools en tutorials aan elkaar knopen |
| Blijf op merk | ●Eén DESIGN.md die overal automatisch wordt toegepast | De look per tool opnieuw maken, drift na verloop van tijd |
| Beweeg op solosnelheid | ●Van idee naar artefact in één prompt | Een ontwerptool leren waar je geen tijd voor hebt |
| Leveren, niet mocken | ●HTML / code in je repo, klaar om te deployen | Een mockup die iemand alsnog moet bouwen |
| Kosten | ●Open source, eigen sleutels, draait lokaal | Een stapel abonnementen per stoel |
Elk oppervlak dat een eenpersoonsstartup nodig heeft, vanuit een prompt. Kies er een die dicht bij je volgende stap ligt en beschrijf het.
Veelgestelde vragen voor solobouwers
-
01 Ik ben geen ontwerper — kan ik dit echt gebruiken?
Ja. Je beschrijft in gewone taal wat je wilt; de agent past een ontwerpsysteem toe en rendert het. De vaardigheid zit in het schrijven van de prompt, niet in het pixels duwen.
-
02 Dekt het alles, of maar één ding?
Alles wat een klein product nodig heeft — prototypes, landingspaginas, dashboards, decks, graphics — vanuit dezelfde agent en hetzelfde merk.
-
03 Wat worden de resultaten?
Echte HTML / code in je repo, zodat een prototype het product kan worden en een landingspagina live kan gaan, in plaats van een mockup die je weggooit.
-
04 Welke agents kan ik gebruiken?
Claude Code, Codex, Cursor Agent, Gemini CLI en meer eigen adapters, met je eigen providersleutels.
Bouw je hele ding vanavond
Geef de repo een ster, installeer Open Design en laat één agent je ontwerpteam zijn — in de agent die je al gebruikt.