Websites op studioniveau, gebouwd door je eigen AI.
Beschrijf je website in één zin. Je AI plant hem zoals een ontwerpstudio: merk, concept, typografie, kleur en beweging. Daarna bouwt hij de site en controleert hij die op vier schermformaten.
De skill is gratis en open source, voor Claude Code, Cursor en Codex.
De gratis skill
Eén gratis skill. Je AI ontwerpt als een studio.
Open source, voor Claude Code, Cursor en Codex. Je beschrijft je website in één zin. Je AI plant hem zoals een studio dat doet en bouwt hem na jouw akkoord.
Opdracht Landingspagina voor een open-source ontwikkeltool
57naar77
Gemiddelde score van 100 over drie opdrachten, blind beoordeeld. Zelfde opdracht, zelfde model, zonder en met Struq.
Zet de skill in je eigen AI-tool
Installeer de gratis Struq-skill met dit commando: npx @struq/skill@latest Gebruik daarna /struq <brief> zodra ik je om een ontwerp vraag.
De ingrediënten
Dezelfde keuzes die een studio maakt.
Een studio legt kleur, letters en een vaste basis vast voordat er iets wordt gebouwd. In de bibliotheek liggen die keuzes klaar, en in je recept komen ze samen.
Palet.
Kleuren voor achtergrond, tekst en accenten, op elkaar afgestemd. Een studio kiest ze bij het merk, niet op de gok.
Typografie.
Twee lettertypes, één voor je koppen en één voor lopende tekst. Samen bepalen ze hoe je website overkomt.
Ontwerpsysteem.
Vaste afspraken over kleur, letters en tussenruimte. Zo voelt elke pagina van dezelfde hand.
Jouw recept.
Je keuzes voor dit project bij elkaar. Struq maakt er een instructie van die je AI-tool kan volgen.
Struq Icons
Elk icoon laat zien wat het doet.
Elk icoon heeft twee tinten en één lijn op een raster van 24. Wijs er een aan en het komt in beweging. Kopieer de prompt en je AI zet ze in je project.
- 182iconen in de set
- 118bewegen als je ze aanwijst
Zet de iconen in je eigen project
Installeer Struq Icons in dit project met: npm install @struq/icons Importeer @struq/icons/tokens.css en @struq/icons/icons.css één keer in de root layout. Gebruik de iconen als named exports uit @struq/icons.
Hergebruik
Elk project vraagt dezelfde keuzes.
Welk palet, welke twee lettertypes, welke richting. Die wil je niet elke keer opnieuw maken.
Bewaar ze in je bibliotheek.
Je paletten, lettercombinaties en richtingen staan bij elkaar. Met een gratis account op al je apparaten.
Gebruik ze in elk volgend project.
Met de AI-koppeling haalt je AI-tool je bewaarde keuzes zelf op. Dat hergebruik hoort bij Pro.
Bewaren is gratis, net als richtingadvies en de controle op samenhang.
Gratis en Pro
De skill is gratis. Pro gaat verder.
Met de gratis skill plant en bouwt je AI je website zoals een ontwerpstudio dat doet. Met een gratis account bewaar je je keuzes. Pro voegt bewegingsrecepten, vroege toegang tot nieuwe onderdelen en de begeleide bouwroute toe, waarbij je AI-tool je bewaarde keuzes zelf ophaalt.
Gratis
Alles wat er vandaag staat. Zonder account, zonder sterretje.
Geen account, geen creditcard
- De hele bibliotheek: paletten, typografie, secties en media
- Kleur, letters en beeld in je eigen recept
- Elke instructie kopieerbaar, direct plakbaar in elke AI-tool
- Bewaren in deze browser, zonder account
- Met een gratis account: je werk op elk apparaat, plus richtingadvies en een controle op samenhang in je AI-tool
- Nieuwe canon komt hier 90 dagen na de drop bij
Licentie
Gebruik alles waarvoor je wilt, ook betaald klantwerk.
Pro
Voor de meeste bouwersDe begeleide bouwroute in je AI-tool, van plan tot controle.
€120 per jaar, in één keer
- Het bouwplan: tokencontract, opbouw, beweging en fasevolgorde
- De projectschil en de bewegingsrecepten, als werkende code
- Per sectie een instructie met de echte beelden en iconen
- Een sluitende controle op wat je AI heeft afgebouwd
- De bibliotheek en je bewaarde keuzes in je AI-code-editor, plus elke drop meteen
Licentie
Eén persoon, onbeperkt projecten, ook betaald klantwerk.
Studio
Voor bureaus die dit vaker dan eens per jaar nodig hebben.
€290 per jaar, in één keer
- Alles uit Pro, voor maximaal 5 mensen
- De volledige broncode van elke template
- Nieuwe builds als repo, niet alleen als recept
Licentie
Tot 5 mensen, onbeperkt klantwerk, broncode inbegrepen.
Gratis
Alles wat er vandaag staat. Zonder account, zonder sterretje.
€0voor altijd
Geen account, geen creditcard
- De hele bibliotheek: paletten, typografie, secties en media
- Kleur, letters en beeld in je eigen recept
- Elke instructie kopieerbaar, direct plakbaar in elke AI-tool
- Bewaren in deze browser, zonder account
- Met een gratis account: je werk op elk apparaat, plus richtingadvies en een controle op samenhang in je AI-tool
- Nieuwe canon komt hier 90 dagen na de drop bij
Licentie
Gebruik alles waarvoor je wilt, ook betaald klantwerk.
Pro
Voor de meeste bouwersDe begeleide bouwroute in je AI-tool, van plan tot controle.
€10per maand
€120 per jaar, in één keer
- Het bouwplan: tokencontract, opbouw, beweging en fasevolgorde
- De projectschil en de bewegingsrecepten, als werkende code
- Per sectie een instructie met de echte beelden en iconen
- Een sluitende controle op wat je AI heeft afgebouwd
- De bibliotheek en je bewaarde keuzes in je AI-code-editor, plus elke drop meteen
Licentie
Eén persoon, onbeperkt projecten, ook betaald klantwerk.
Studio
Voor bureaus die dit vaker dan eens per jaar nodig hebben.
€24,17per maand
€290 per jaar, in één keer
- Alles uit Pro, voor maximaal 5 mensen
- De volledige broncode van elke template
- Nieuwe builds als repo, niet alleen als recept
Licentie
Tot 5 mensen, onbeperkt klantwerk, broncode inbegrepen.
Voor de skill heb je geen account nodig. Pro zeg je op wanneer je wilt.
Veelgestelde vragen
Wat je vooraf wilt weten.
Van je eerste ontwerpkeuze tot de koppeling met je AI-tool.
Bekijk de lessen →Struq helpt je websites op het niveau van een ontwerpstudio te maken met je eigen AI. Je begint met de gratis, open-source skill: je beschrijft je website in een zin, je AI plant merk, concept, typografie, kleur en beweging, vraagt één keer om je akkoord, bouwt de site en controleert hem op vier schermformaten. Op struq.nl ga je verder met de bibliotheek, de beeldbank en Struq Icons.