Claude Code /design-Skill: Was die Research Preview kann

Der /design-Skill von Claude Code, eine Research Preview aus Anthropics Digest zur Woche 34 (17. bis 21. August 2026), nimmt ein Briefing entgegen und veröffentlicht einen Canvas mit editierbaren UI-Artboards als Artifact; Sie wählen eines aus, passen es an und lassen Claude es umsetzen. Der Skill läuft in der CLI und in Claude Code Desktop, benötigt v2.1.233 oder neuer und steht in Pro, Max, Team und Enterprise zur Verfügung.¹ Weil er in Artifacts veröffentlicht, gelten für ihn auch die Voraussetzungen für Artifacts: eine Sitzung, die mit einem claude.ai-Konto über die Anthropic API angemeldet ist.⁵ Die öffentliche Dokumentation zum Start umfasst drei kurze Seiten (den Digest, die Beschreibung des Skills selbst und die vom Digest verlinkte Seite zur Verfügbarkeit von Artifacts), deshalb bleibt ein erster Blick knapp: was der Skill laut Anthropic tut, was Sie zurückbekommen, was er voraussetzt und wo das Dokumentierte endet. {.answer-block}

TL;DR

• Ein Befehl, ein Canvas. Mit /design <brief> entwirft Claude ein Design mit mehreren Artboards und veröffentlicht es als Artifact; Claude gibt den Link aus, sobald es fertig ist.¹
• Zwei Stufen von Ergebnis. Wo Ihr Konto das Speichern erlaubt, bekommen Sie einen visuellen Editor und eine Save-Schaltfläche, die eine neue Version für alle veröffentlicht; alle anderen bekommen eine Vorschau zum Ansehen und Exportieren (PNG/PDF).²
• Die Untergrenze ist v2.1.233 (14. August 2026) in Pro, Max, Team oder Enterprise, in der CLI oder in Claude Code Desktop, plus die Voraussetzungen für Artifacts: eine claude.ai-Anmeldung über die Anthropic API, wobei CMEK, HIPAA und Zero Data Retention für die Organisation deaktiviert sind.¹³⁵
• Die Preview endet am Canvas. Weder der Digest noch die Beschreibung nennen Flags oder Artboard-Limits; die Beschreibung erlaubt Re-Seeding, ohne es zu definieren, und benennt das veröffentlichte Artifact als den Ort, an dem ein bestehender Canvas bearbeitet wird.²⁴

Was macht der /design-Skill?

Anthropics Digest zur Woche 34 beschreibt ihn in einem Absatz: Der Skill “brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.”¹ (Sinngemäß: Er bringt den Artboard-Workflow von Claude Design in CLI und Desktop, erzeugt aus einem Briefing einen Canvas editierbarer Artboards, und Sie wählen eines aus, passen es an und lassen Claude es umsetzen.) Das veröffentlichte Beispiel ist ein Produkt-Briefing, keine Spezifikation:

> /design redesign the composer based on what people actually use it for

Claude gibt einen Link zum veröffentlichten Canvas aus, und die Karte im Digest bettet ein Demovideo ein.¹ Sie öffnen den Canvas, wählen ein Artboard und sagen Claude, welche Variante umgesetzt werden soll.¹ Der Skill deckt nur den ersten Schritt ab, und seine eigene Beschreibung sagt das im letzten Satz: “Only for CREATING or re-seeding a canvas; an existing one is edited in its published Artifact.”² (Nur zum Erstellen oder Re-Seeding eines Canvas; ein bestehender wird in seinem veröffentlichten Artifact bearbeitet.) Der zweite Schritt findet im Artifact statt, und der dritte ist gewöhnliche Claude-Code-Arbeit an Ihrer Codebasis.

Die produktinterne Beschreibung des Skills liefert die Mechanik. Sie nennt das Ergebnis “a multi-artboard visual design published as an Artifact that runs Claude Design’s canvas editor (an early preview of Claude Design inside Claude Code),” entworfen “as .dc.html artboards laid out on one pan/zoom canvas.”² (Ein visuelles Design mit mehreren Artboards, veröffentlicht als Artifact mit dem Canvas-Editor von Claude Design, entworfen als .dc.html-Artboards auf einem Pan/Zoom-Canvas.) Ein Durchlauf legt alle Artboards auf einen einzigen Canvas, jedes Artboard als eigene .dc.html.

Die Trigger-Klausel der Beschreibung bedeutet außerdem, dass Sie den Slash-Befehl nicht eintippen müssen. Sie weist Claude an, den Skill zu verwenden, “when someone wants a design, mockup, wireframe, UI or screen design, landing page, poster, flyer, brochure, banner, card, one-pager, or any visual layout they would rather tweak by hand than in code,” (also immer, wenn jemand ein Design, Mockup, Wireframe, eine Landingpage, ein Poster, einen Flyer oder ein anderes visuelles Layout möchte, das lieber von Hand als im Code angepasst wird), sodass eine Bitte um ein Mockup in normaler Sprache /design von allein auslösen kann.²

Was bekommen Sie zurück?

Die Beschreibung teilt das Ergebnis nach Konto auf. Wo Ihr Konto das Speichern erlaubt, “they refine every element visually (click-to-select, a properties panel, inline text editing, undo/redo) and Save publishes a new version for everyone.” (Jedes Element lässt sich visuell verfeinern, mit Auswahl per Klick, einem Eigenschaften-Panel, Inline-Textbearbeitung und Undo/Redo, und Save veröffentlicht eine neue Version für alle.) Andernfalls “they get a view-and-export (PNG/PDF) preview of your draft.”² (Eine Vorschau des Entwurfs zum Ansehen und Exportieren als PNG/PDF.)

Die Beschreibung reicht auch über App-UI hinaus. Sie nennt “UI mockups and screen flows, landing pages, marketing and social graphics, and print pieces,” mit “posters, flyers, brochures as single-page artboards; memos and reports as one flowing artboard.”² (UI-Mockups und Screen-Flows, Landingpages, Marketing- und Social-Grafiken sowie Printstücke; Poster, Flyer und Broschüren als einseitige Artboards, Memos und Berichte als ein durchlaufendes Artboard.) Das Beispiel im Digest ist UI; die breitere Liste ist trotzdem Anthropics eigene Aussage zum Umfang.

Was setzt er voraus?

Prüfen Sie Ihren Build mit claude --version; der Digest deckt das Fenster v2.1.234 bis v2.1.239 ab, setzt die Anforderung aber ein Release früher an.¹ Der Quickstart behandelt Installation und Einrichtung der ersten Sitzung.

Die Zeilen zu Artifacts sind wichtig, weil der Digest den Skill “built on artifacts” nennt und von seiner /design-Karte aus unter “Where artifacts are available.” die Verfügbarkeitsseite verlinkt.¹ Anthropics Formulierung dort ist strikt: “Artifacts require every condition below. When one is not met, Claude writes a local HTML file or says it cannot publish instead.”⁵ (Artifacts setzen jede der aufgeführten Bedingungen voraus; fehlt eine, schreibt Claude stattdessen eine lokale HTML-Datei oder meldet, dass es nicht veröffentlichen kann.) Eine Sitzung mit API-Key oder auf Amazon Bedrock, der Agent Platform von Google Cloud oder Microsoft Foundry erfüllt die Versionsuntergrenze und kann den Canvas trotzdem nicht veröffentlichen.⁵ Dieselbe Seite beschreibt außerdem einen separaten eingebauten Design-Skill, der jedes von Claude gebaute Artifact gestaltet (v2.1.182 oder neuer), und der ist nicht /design.⁵

Wo endet die Preview?

Die drei Seiten sind die gesamte öffentliche Dokumentation zum Skill selbst; die Produktseite von Claude Design beschreibt den Editor, nicht den Skill. Ich zähle lieber auf, was sie auslassen, als zu raten.⁴

• Keine Flags oder Optionen. Der Digest zeigt /design, gefolgt von Prosa. Weder der Digest noch die Beschreibung nennen Schalter für Artboard-Anzahl, Canvas-Größe, Geräterahmen oder Ausgabestufe.
• Keine genannte Artboard-Anzahl. “a canvas of editable artboards” im Digest und “multi-artboard” in der Beschreibung sind die einzigen Mengenangaben.
• Re-Seeding, undefiniert. Die Beschreibung erlaubt “re-seeding a canvas”, ohne zu sagen, was Re-Seeding erfordert, und benennt das Bearbeiten “in its published Artifact” als den Weg für einen bestehenden Canvas.²
• Keine Erklärung der Speicherschranke. Die Beschreibung sagt “where saving is enabled for the user’s account”, ohne zu nennen, welche Konten das sind oder wie sich das anders als durch Ausprobieren prüfen lässt.² Die Artifacts-Seite listet auf, wer überhaupt veröffentlichen kann; ob dieselben Bedingungen die Bearbeitungsstufe regeln, bleibt ungesagt.⁵
• Keine Darstellung der Umsetzung. Der Digest sagt, Sie teilen Claude mit, welche Variante umgesetzt werden soll; ob Claude dann das .dc.html-Artboard liest oder von Ihrer Beschreibung ausgeht, bleibt offen.¹

Der Digest stuft den Skill als Research Preview ein, jeder dieser Punkte kann sich also ohne Ankündigung ändern.¹

Was kam sonst noch in Woche 34?

Zwei weitere Hauptfunktionen teilen sich den Digest. Concise ist ein neuer eingebauter Output-Style (v2.1.237): Claude beginnt mit dem Ergebnis und verzichtet auf Vorreden, arbeitet aber so gründlich wie Default, und Fehlerberichte, Sicherheitswarnungen sowie Bestätigungen für destruktive Aktionen bleiben vollständig; setzen Sie "outputStyle": "Concise" in ~/.claude/settings.json oder wählen Sie ihn in /config, dann /clear oder eine neue Sitzung starten. Remote Control hat außerdem die Research Preview verlassen: Jeder Rechner, auf dem claude remote-control läuft, erscheint als Gerätekarte im Code-Tab der Claude-Mobile-App, und ein Tippen darauf startet dort eine Sitzung.¹

FAQ

Was ist der /design-Skill in Claude Code?

Ein Skill in der Research Preview, der ein Briefing entgegennimmt, ein Design mit mehreren Artboards entwirft und es als Artifact veröffentlicht, das den Canvas-Editor von Claude Design ausführt. Sie wählen ein Artboard und bitten Claude, es umzusetzen.¹²

Welche Claude-Code-Version brauche ich für /design?

v2.1.233 oder neuer, veröffentlicht am 14. August 2026. Führen Sie claude --version aus, um es zu prüfen.¹³

Welche Pläne können /design nutzen?

Pro, Max, Team und Enterprise, in der CLI und in Claude Code Desktop.¹

Kann ich die Artboards bearbeiten, die /design erzeugt?

Nur wo Ihr Konto das Speichern erlaubt: Dann bekommen Sie Auswahl per Klick, ein Eigenschaften-Panel, Inline-Textbearbeitung, Undo/Redo und eine Save-Schaltfläche, die eine neue Version für alle veröffentlicht. Andernfalls bekommen Sie eine Vorschau zum Ansehen und Exportieren (PNG/PDF).²

Funktioniert /design mit einem API-Key oder auf Bedrock, Google Cloud oder Foundry?

Nicht laut Dokumentation. Der Skill veröffentlicht in Artifacts, und Anthropics Artifacts-Seite sagt, dass Sitzungen mit API-Key, Gateway-Token oder Cloud-Provider-Zugangsdaten nicht veröffentlichen können und dass Artifacts auf Amazon Bedrock, der Agent Platform von Google Cloud oder Microsoft Foundry nicht verfügbar sind. Sie brauchen eine claude.ai-Anmeldung über die Anthropic API. Die Artifacts-Seite sagt, Claude schreibe dann eine lokale HTML-Datei oder melde, dass es nicht veröffentlichen kann; keine der Quellen sagt, was /design in diesem Fall tut.⁵

Ist /design nur für App-UI gedacht?

Nein. Die Beschreibung nennt auch Landingpages, Marketing- und Social-Grafiken, Printstücke wie Poster, Flyer und Broschüren sowie Memos und Berichte als ein durchlaufendes Artboard.²

Das Wichtigste in Kürze

Für Produktentwickler: - Bitten Sie in normaler Sprache um ein Mockup für einen echten Screen; die Trigger-Klausel der Beschreibung lässt Claude den Skill aus dieser Bitte heraus aufrufen, ohne dass ein Slash-Befehl eingetippt wird.² - Schreiben Sie das Briefing als Prosa, wie in Anthropics Beispiel; das dokumentierte Beispiel ist Prosa, und weder der Digest noch die Beschreibung nennen ein Flag.¹ - Halten Sie selbst fest, welches Artboard Sie gewählt haben; der Digest sagt nirgends, was Claude nach Ihrer Wahl liest.¹

Für Designer: - Klären Sie, ob Ihr Konto das Speichern erlaubt, bevor Sie eine Review-Runde planen; ohne Speichern ist der Canvas nur zum Ansehen und Exportieren da.² - Ein einseitiger Flyer oder eine Social-Grafik ist neben einem UI-Flow ein fairer Test; beides liegt im genannten Umfang.²

Für Teamleads: - Prüfen Sie v2.1.233 oder neuer im gesamten Team, plus die Voraussetzungen für Artifacts (claude.ai-Anmeldung, Anthropic API, kein CMEK, HIPAA oder Zero Data Retention), und rechnen Sie damit, dass sich der Skill ändert, solange er das Label Research Preview trägt.¹³⁵ - Bauen Sie Prozesse nur um die drei dokumentierten Schritte herum; Flags, Limits und Re-Seeding bleiben undokumentiert.⁴

Sobald ein Artboard existiert, behandelt Design für KI-Agenten-Oberflächen die Interaktionsprinzipien, die es weiterhin erfüllen muss.