Eén gratis skill voor Claude Code, Cursor en Codex. Jij beschrijft je website in één zin. Je AI plant hem zoals een studio dat doet, en bouwt hem daarna.
Installeer de gratis Struq-skill met dit commando: npx @struq/skill@latest Gebruik daarna /struq <brief> zodra ik je om een ontwerp vraag.
Werkt in de AI die je al gebruikt
Het bewijs
Drie opdrachten, elk twee keer gebouwd door hetzelfde model met hetzelfde materiaal: één keer zonder Struq, één keer met de skill. Een beoordelaar scoorde alle zes op screenshots, zonder te weten welke versie Struq gebruikte.
| Opdracht | Zonder | Met Struq |
|---|---|---|
| Keramist | 56 | 79 |
| E-bike | 66 | 76 |
| Ontwikkeltool | 50 | 76 |
| Gemiddeld, van 100 | 57 | 77 |
Zonder Struq: een net template met een cijferbalk, een citaat van een chef en een bio die de opdracht nooit gaf. Met Struq: een lijntekening van elk stuk in profiel neemt de plek in van de foto's die er niet waren.
Waar Struq punten verloor
Op vakmanschap. De versies zonder Struq waren minder ambitieus en gingen minder vaak stuk. In sommige Struq-versies bleven bewegende delen leeg op de screenshots. Daarom zoekt de skill nu bij elke website naar lege vlakken voordat hij hem klaar noemt.
Zo verloopt een bouw
Vijf stappen, van je eerste zin tot een website die op elk scherm klopt. Jij geeft één keer akkoord, de rest doet je AI.
01 Beschrijven
Wat je maakt, voor wie, en hoe het mag voelen. Meer is niet nodig. Heb je meer, dan mag het erbij.
Jij
Een portfolio voor mijn keramiekatelier: rustig, ambachtelijk en met veel ruimte voor het werk.
02 Plannen
Eerst een plan, nog voor er iets gebouwd wordt: het merk, een concept, twee lettertypes die samen werken, de kleuren en de beweging.
Het plan
op één pagina
03 Eén akkoord
Je AI laat het plan zien en wacht één keer op jou. Pas aan wat je wilt, en stuur je logo, foto's of echte cijfers mee als je die hebt.
Je AI
Dit is het plan. Wil je iets anders? Stuur ook je logo, foto's of echte cijfers mee als je die hebt.
Jij
Ziet er goed uit. Ga je gang.
04 Bouwen
Eerst een stevige opbouw die op telefoon en laptop klopt. Dan komt de beweging erbij, stap voor stap, en 3D alleen waar het iets toevoegt.
05 Controleren
Je AI bekijkt de website op 390, 768, 1440 en 1920 pixels breed, zoekt lege vlakken en dingen die niet kloppen, en herstelt ze voordat hij hem klaar noemt.
390
768
1440
1920
Wat erin zit
De skill geeft je AI een ontwerpbasis: lettercombinaties, paletten, beweging, iconen en beeld. Hieronder een greep uit dat materiaal, precies zoals het in je website terechtkomt.
Van smaak naar structuur.
Eén lettertype voor koppen, één om te lezen. Je AI kiest ze bij je merk en houdt ze overal gelijk.
Van smaak naar structuur.
Eén lettertype voor koppen, één om te lezen. Je AI kiest ze bij je merk en houdt ze overal gelijk.
Vloeiend scrollen, scènes die met je scroll meebewegen en 3D alleen waar het iets toevoegt. Elke beweging heeft een curve: snel weg, zacht aankomen.
Eigen iconen in één lijn, met een accentdeel dat de kleur van je merk kan dragen.
Bekijk de iconenDe skill gebruikt het eigen beeld van Struq in plaats van stockfoto's. Gratis te gebruiken, en een vermelding van Struq stellen we op prijs.
Naar de beeldbank
Verder met Struq
Je begint gratis: de skill is open source en werkt meteen in je eigen AI-tool.
Daar bewaar je je eigen paletten, lettercombinaties en richtingen en pak je ze terug in elk volgend project.
Open de bibliotheekPro voegt bewegingsrecepten, vroege toegang tot nieuwe onderdelen en de begeleide bouwroute voor je AI-tool toe.
Bekijk wat Pro toevoegtVeelgestelde vragen
Over kosten, je AI-tool en je bestaande website, voor je de skill installeert.
Nee. Je beschrijft je website in een zin en je AI-tool schrijft de code. Wel heb je een AI-tool nodig die zelf code schrijft, zoals Claude Code, Cursor of Codex. De installatie is één regel, en die kan je AI ook voor je uitvoeren.