Design is niet alleen iets voor mensen met “designer” in hun functietitel. Als jij een pagina bouwt, een formulier maakt of een e-mail opstelt, neem je designbeslissingen, of je het nou zo noemt of niet. Claude Code heeft daar zeven skills voor die je erbij helpen, en het mooie is: je hoeft geen enkele ervan te installeren of te configureren. Je zet ze aan met een zin.
Een skill is niks meer dan een setje instructies dat Claude oppakt zodra jij de bijbehorende taak beschrijft. Hieronder loop ik de zeven langs, elk met wat het doet, wanneer je het pakt en de zin waarmee je het activeert.
De zeven skills
1. design:accessibility-review doet een volledige toegankelijkheidscheck van een ontwerp of pagina. Handig vlak voordat je iets live zet, of als je twijfelt of je website wel werkt voor iemand die slecht ziet of alleen met het toetsenbord navigeert. Het kijkt naar kleurcontrast, toetsenbordbediening, de grootte van aanraakvlakken en hoe een schermlezer je pagina voorleest.
“Doe een accessibility-review van deze pagina.”
2. design:design-critique geeft je gestructureerde feedback op bruikbaarheid, hiërarchie en consistentie. Pak het als je iets af hebt maar het gevoel hebt dat het nog niet klopt, van eerste schets tot laatste politoer.
“Geef een design-critique op dit ontwerp.”
3. design:design-handoff schrijft de complete overdracht voor een ontwikkelaar: de indeling, de design tokens, de eigenschappen van elk onderdeel, de verschillende toestanden, de breekpunten voor mobiel en de randgevallen. Dit scheelt je het eindeloze heen en weer als je een ontwerp doorgeeft aan iemand die het gaat bouwen.
“Maak een design-handoff van dit component.”
4. design:design-system helpt je je designsysteem opzetten, documenteren of uitbreiden. Het spot naamconflicten en waardes die je per ongeluk hard hebt ingetypt in plaats van uit je systeem gehaald, en schrijft documentatie voor je componentvarianten. Nuttig zodra je meer dan een paar pagina’s hebt en het overzicht begint weg te lekken.
“Audit mijn design system.”
5. design:research-synthesis kauwt user-interviews, enquêtes, usability-tests, supporttickets en klantscores voor je door tot patronen, gebruikersgroepen en aanbevelingen. Pak het als je een stapel losse signalen hebt en niet weet waar te beginnen.
“Vat dit gebruikersonderzoek samen met research-synthesis.”
6. design:user-research helpt je onderzoek plannen, uitvoeren en verwerken. Van de vragenlijst voor een interview tot een usability-test tot het eindrapport. Voor als je wilt weten wat je gebruikers écht doen in plaats van wat je denkt dat ze doen.
“Help me met user-research voor deze functie.”
7. design:ux-copy schrijft en reviewt de kleine teksten die je makkelijk vergeet: knoppen, foutmeldingen, lege schermen, bevestigingen, de eerste stapjes voor nieuwe gebruikers. Juist die zinnetjes bepalen of iemand je product snapt of afhaakt.
“Review de ux-copy in dit formulier.”
Zo combineer je ze
Los zijn ze handig, maar de winst zit in de ketting. Een voorbeeld dat ik zelf zo doe:
- Ik maak een eerste versie van een pagina in Claude Design.
- Ik laat design-critique erop los: klopt de opbouw, leidt de pagina het oog naar het juiste?
- Ik draai accessibility-review om te checken of het ook werkt voor iemand die slecht ziet of met het toetsenbord bedient.
- De teksten laat ik langs ux-copy gaan, zodat de knoppen en meldingen duidelijk zijn.
- Als het staat, schrijf ik met design-handoff de overdracht, zodat de bouw zonder giswerk gaat.
Je pakt niet elke skill bij elk klusje. Maar de volgorde van “eerst maken, dan laten reviewen, dan overdragen” haalt de meeste fouten eruit voordat ze in de lucht staan.
Toegankelijkheid zit er standaard in
Dit is het stuk dat ik het belangrijkste vind, en het valt makkelijk weg als losse noot. Alle zeven design skills houden standaard rekening met digitale toegankelijkheid, op het niveau WCAG 2.1 AA. Dat is de internationale norm voor websites die voor iedereen werken, ook voor mensen met een beperking.
Het punt is dat het ingebouwd is, niet optioneel. Je hoeft er niet apart om te vragen. Vraag je design-critique om feedback, dan zit toegankelijkheid al in de blik waarmee het kijkt. Laat je ux-copy een foutmelding herschrijven, dan houdt het rekening met leesbaarheid. Het is geen extra knop die je aan moet zetten en dus vergeet, het is de standaard. Waarom dat meer is dan een technisch detail, en waarom het in Nederland inmiddels ook wettelijk telt, is precies waar deel 3 over gaat.
De kanttekening
Een skill neemt het denken niet over. Design-critique geeft je feedback, maar de keuze wat je ermee doet blijft van jou, en soms heeft het model ongelijk. Research-synthesis vindt patronen in je data, maar of die patronen kloppen hangt af van hoe goed je onderzoek was: rommel erin is rommel eruit. En een handoff-document is pas zo waardevol als je ontwerp doordacht is. De skills versnellen goed werk, ze redden slecht werk niet.
Gebruik ze dus als een tweede paar ogen dat nooit moe wordt, niet als een vervanger voor je eigen oordeel. Zo ingezet zijn ze precies wat je wilt: iets dat de saaie helft van het controlewerk oppakt, zodat jij tijd overhoudt voor de keuzes die ertoe doen.
Dit is deel 2 van een serie over ontwerpen met Claude. Lees ook deel 1 over Claude Design. In deel 3 duik ik in digitale toegankelijkheid: wat het is, waarom het wettelijk verplicht is, en hoe je je eigen site laat checken.