AI & computingGeneratieve AI & synthetische media

Claude Code krijgt /design-commando voor UI-ontwerpen in de terminal

· Bijgewerkt 18 augustus 2026, 13:45 · 2 min leestijd

Generatieve AI & synthetische media
Beeld: The Decoder

Anthropic heeft een vroege preview uitgebracht van het /design-commando in Claude Code, waarmee ontwikkelaars al in de terminal ontwerpvoorstellen voor een nieuwe functie laten maken. De AI genereert meerdere varianten die vervolgens direct als basis dienen voor de programmeerstap. Zo probeert Anthropic de kloof tussen ontwerp en code te verkleinen.

Wie een nieuwe functie aan een applicatie toevoegt, begint meestal met een ontwerp voordat er code wordt geschreven. Die stap gebeurt doorgaans in een apart ontwerpprogramma, los van de plek waar ontwikkelaars daadwerkelijk programmeren. Anthropic wil die twee werelden dichter bij elkaar brengen met een nieuwe functie in Claude Code, de AI-programmeertool waarmee ontwikkelaars via de terminal of desktop-app code laten schrijven door kunstmatige intelligentie.

Ontwerpen voordat er code is

Met het commando /design kunnen gebruikers Claude vragen om meerdere ontwerpopties te bedenken voor een functie, bijvoorbeeld door te typen: "/design een paar opties voor {functie}". Het systeem levert vervolgens verschillende varianten op als losse ontwerppanelen, ook wel artboards genoemd. De ontwikkelaar kiest de variant die het beste bevalt, past die eventueel nog aan en laat Claude Code die daarna omzetten in werkende software. Volgens Anthropic-ontwikkelaar Nate Parrott leest Claude hierbij eerst de bestaande programmeercode van een project, zodat nieuwe ontwerpen aansluiten bij de huidige visuele stijl van een applicatie in plaats van er los van te staan.

Gebouwd op eerder ontwerpproduct

De onderliggende techniek komt niet helemaal uit het niets. Anthropic bouwt de editor- en promptfuncties van /design voort op Claude Design, een los ontwerpgereedschap dat het bedrijf eerder uitbracht. Door die functionaliteit nu rechtstreeks in Claude Code te integreren, hoeven ontwikkelaars niet meer te schakelen tussen een apart ontwerpprogramma en hun codeeromgeving. De gegenereerde ontwerpen worden opgeslagen als zogeheten Artifacts, deelbare bestanden die ook los van de chatgeschiedenis te bekijken en te versturen zijn. Dat past bij een bredere trend waarin agentic AI-tools steeds meer stappen van een softwareproject voor hun rekening nemen, van planning tot ontwerp en implementatie.

Nog een experimentele functie

Anthropic benadrukt dat het om een vroege preview gaat. Een van de duidelijkste beperkingen: de gemaakte ontwerpen worden nog niet automatisch bewaard en moeten voorlopig met de hand worden opgeslagen voordat de bouwstap begint. Dat wijst erop dat de functie nog niet volledig is uitgekristalliseerd en dat Anthropic gebruikersfeedback wil verzamelen voordat /design breed wordt uitgerold. De aanpak sluit aan bij wat softwareontwikkelaars ook wel spec-driven development noemen: eerst een duidelijk plaatje van het eindresultaat vastleggen, en pas daarna de code schrijven. Geïnteresseerden kunnen de functie uitproberen door het commando "claude update" uit te voeren, waarmee Claude Code wordt bijgewerkt naar de nieuwste versie.

Achtergrond & begrippen

Wat betekent dit voor de toekomst? Door ontwerp en programmeren in één AI-tool samen te brengen, verkleint Anthropic de afstand tussen het bedenken en het bouwen van software. Dat kan het ontwikkelproces vooral voor kleinere teams en zelfstandige ontwikkelaars versnellen, omdat zij niet meer hoeven te schakelen tussen een apart ontwerpprogramma en hun codeeromgeving. Op langere termijn past dit in de trend waarin AI-assistenten steeds meer fasen van softwareontwikkeling overnemen, van eerste schets tot werkende applicatie.

Claude Code
Een AI-programmeertool van Anthropic waarmee ontwikkelaars via de terminal of een desktop-app code laten schrijven, aanpassen en uitvoeren door kunstmatige intelligentie.
/design-commando
Een nieuwe opdracht binnen Claude Code waarmee gebruikers de AI vragen om ontwerpvoorstellen voor een functie te genereren, nog voordat er code wordt geschreven.
Artboard
Een los ontwerppaneel waarop een specifieke variant van een interface-ontwerp wordt getoond, vergelijkbaar met een werkvlak in een ontwerpprogramma.
Artifact
Een door Claude gegenereerd bestand, zoals een ontwerp of stuk code, dat los van het gesprek bewaard en gedeeld kan worden.
Terminal
Een tekstgebaseerde interface waarmee gebruikers rechtstreeks opdrachten aan een computer of programma geven, veel gebruikt door softwareontwikkelaars.
Codebase
De volledige verzameling broncode van een softwareproject.

Bronnen

Dit artikel is met behulp van AI geschreven op basis van bovenstaande bronnen en is geen letterlijke vertaling. Zo werkt onze redactie.

Meer over Generatieve AI & synthetische media