/design
Research Preview, 2026-08-17: Artboard auswählen, dann implementieren
Am 2026-08-17 veröffentlichte Nate Parrott (Design bei Anthropic) eine frühe Vorschau von /design in Claude Code: Führen Sie in der Desktop-App oder der CLI /design a few options for {feature} aus, wählen Sie ein Artboard, bearbeiten Sie es und implementieren Sie dann. ClaudeDevs am selben Tag: Research Preview, basiert auf Artifacts, für Pro / Max / Team / Enterprise. Führen Sie zuerst claude update aus.
Aktualisiert 2026-09-19
Vier Fakten zum Zitieren
Ein Slash-Befehl, keine eigene Website
Läuft in Claude Code Desktop oder CLI. Das veröffentlichte Beispiel lautet /design a few options for {feature}: zuerst bearbeitbare Artboards, danach die Implementierung.
Ankündigung der frühen Vorschau
Primärquellen sind der Beitrag von Nate Parrott und der ClaudeDevs-Thread vom selben Tag. Der Round-Trip im Juni 2026 war die Design-↔-Code-Synchronisierung; am 08-17 kommt der Artboard-Workflow direkt in Code.
Das Board lebt in derselben Sitzung
ClaudeDevs: Der /design-Skill bringt den Artboard-Workflow von Claude Design in CLI und Desktop und basiert auf Artifacts. Er liest das Repository, passt sich dem UI-Stil an und erstellt teilbare Mockups.
Pro / Max / Team / Enterprise
ClaudeDevs: Verfügbar für Pro, Max, Team und Enterprise. Aktualisieren Sie Claude Code, um es auszuprobieren. Nicht GA. QCode hostet Claude Design nicht.
Wofür /design gedacht ist: Design nicht im ersten Code-Schritt untergehen lassen
Wenn Sie Claude Code bitten, „die Startseite zu bauen“, verschmelzen Anforderungen, Visuals und Implementierung oft zu einem einzigen Schritt. /design trennt das: Anforderungen → visuelle Exploration auf einem Canvas/Artboard → auswählen und anpassen → dann implementieren. Das ist das Board von Claude Design innerhalb von Code, kein Figma-Ersatz-Slogan. Das Verhalten der Vorschau richtet sich danach, was Ihre aktualisierte Binärdatei tatsächlich bietet.
Nicht dasselbe Release wie die /design-Synchronisierung im Juni
Um 2026-06 konnte Claude Design bereits ein Designsystem aus dem Repository lesen und ein fertiges Board an Claude Code übergeben. Die Neuigkeit vom 08-17 ist, dass Editor und Prompting direkt in Code stattfinden, ohne claude.ai/design zu öffnen und Screenshots zurückzukopieren. Woche 34 (2026-08-17 bis 2026-08-21) wurde in whats-new festgehalten. Es ist weiterhin eine Research Preview.
Zeitachse
Claude Design erschien aus Anthropic Labs als Canvas + Chat (laut späteren Rückblicken). Ein separater Design-Assistent, noch kein Slash-Befehl in Code.
Bidirektional Design ↔ Code: codebasisbewusste Importe, Aufnahme des Designsystems, /design bereits im Terminal eingebbar. Diese Runde war der Round-Trip, nicht das Paket der Artboard-Vorschau vom 08-17.
Nate Parrott: frühe Vorschau. ClaudeDevs: Skill, Artifacts, Plan-Gate. claude update. Stand 2026-08-30 bezeichnet diese Seite es weiterhin als Research Preview.
Bestätigt vs. Gerücht
Bestätigt
Primärquellen sind der Beitrag von Nate Parrott vom 2026-08-17 und der ClaudeDevs-Thread: Desktop + CLI, Artboards, Artifacts, Research Preview, Pro/Max/Team/Enterprise. Repo-bewusstes UI-Matching steht in den Folgebeiträgen.
Gerücht / Fehlinterpretation
„/design bedeutet, dass Claude Design GA ist“ – es heißt weiterhin Research Preview. „QCode hostet Claude Design“ – QCode ist eine Modell-API. „Jeder API-Key schaltet den offiziellen /design-Skill frei“ – ClaudeDevs nannte Tarifstufen; verlassen Sie sich auf den Client.
Design zuerst vs. direkt implementieren
Wann /design der richtige erste Schritt ist
Mehrere visuelle Richtungen, Abgleich mit bestehenden Komponenten, Mockup vor dem Code nötig. Das offizielle Beispiel ist a few options for {feature}. Wählen Sie ein Artboard und implementieren Sie dann in derselben Sitzung.
Wann Sie das Board überspringen können
Keine UI, oder das System steht bereits fest und Sie ergänzen nur Logik. Die Nutzung der Vorschau verbraucht weiterhin den gemeinsamen Claude-Code-/Chat-Pool.
Offizieller Weg (kein Plattformwechsel nötig)
Aktualisieren Sie Claude Code, geben Sie /design … in Desktop oder CLI ein, wählen Sie auf dem Artboard eine Richtung und bitten Sie dann um die Implementierung. Diese Seite beschreibt QCode nicht als Host von Claude Design. Das Modell-Routing ist davon getrennt: Wenn Ihr Agent eine API nutzt, wählen Sie Modelle, die tatsächlich verkauft werden. Keine Umgehung von Tarif-Gates und kein Client-Spoofing.
QCode betreibt Claude Design nicht
/design ist ein Skill bzw. Slash-Befehl im Claude-Code-Client. Artboards und Artifacts gehören zur Produktoberfläche von Anthropic. QCode rechnet die API-Nutzung zum offiziellen Preis × Servicegebühr ab. Verwenden Sie Ihren eigenen Key für Modelle, die verkauft werden; erwarten Sie nicht, dass QCode Claude-Design-Artboards darstellt.
FAQ
Funktioniert /design sowohl in der CLI als auch in Desktop?
Nate Parrott und ClaudeDevs sagten beide: Desktop oder CLI. Aktualisieren Sie auf einen Build nach der Ankündigung. Fehlt der Befehl, verlassen Sie sich auf claude --version und /help auf Ihrem Rechner.
GA oder Preview?
ClaudeDevs: Research Preview. Funktionsumfang, Kontingent und Oberfläche werden sich ändern. Legen Sie es in einer Produktionsspezifikation nicht als GA fest.
Welcher Anthropic-Tarif?
ClaudeDevs: Pro, Max, Team und Enterprise. Maßgeblich ist, was der angemeldete Client tatsächlich freischaltet – diese Seite erfindet keine zusätzlichen Stufen.
Worin unterscheidet sich das vom /design im Juni?
Die Berichte im Juni beschrieben einen Round-Trip zwischen Design und Code sowie den Import von Designsystemen. Am 17.08. bringt die Vorschau den Editor und das Prompting von Design in Code und erzeugt über Artifacts bearbeitbare Artboards.
Stellt QCode diese Artboards dar?
Nein. Artboards befinden sich in Claude Code / Claude Design. QCode ist eine Modell-API. Es handelt sich nicht um dasselbe Produkt.
Wo wird die Nutzung abgerechnet?
Die Berichte im Juni besagten, dass Design sich den Pool mit Code / Chat teilt. Die Vorschau vom 17.08. hat kein zweites Abrechnungsbuch veröffentlicht. Verlassen Sie sich auf /usage und die Tarifseite.
Quellen
Nate Parrott https://x.com/nateparrott/status/2089470636796059754 (2026-08-17). ClaudeDevs-Thread vom selben Tag: Research Preview, Artifacts, Pro/Max/Team/Enterprise. code.claude.com/docs/en/whats-new Woche 34 (2026-08-17 bis 2026-08-21). Der Round-Trip im Juni ist Hintergrund, nicht Teil der Mitteilung vom 17.08. Erneut geprüft am 2026-08-30.
Sie können Ihr eigenes Modell verwenden; das Board bleibt in Claude Code
QCode betreibt Claude Design nicht. Für den API-Zugang gilt der offizielle Preis × Servicegebühr bei Modellen, die tatsächlich verkauft werden.
Verwandte Themen
Claude-Code-Leitfaden
Der Client, der Slash-Befehle bereitstellt – nicht das Produkt Design.
Claude-Code-Slash-Befehle
Die übrige Befehlsliste; halten Sie /design getrennt von /effort und /model.
Claude Code Ultrathink / Ultracode
Der Implementierungspfad mit hohem Aufwand, der oft auf ein ausgewähltes Artboard folgt.
Öffentliche Beiträge von Anthropic-Mitarbeitenden und ClaudeDevs sowie die whats-new-Seite von Claude Code – keine Garantie für das Verhalten der Vorschau. Ob der Befehl existiert, hängt von Ihrer Client-Version ab. QCode umgeht keine Tarifbeschränkungen.