/design
Week-34-Übersicht (2026-08-17 bis 2026-08-21): Research Preview, Artboard auswählen, dann implementieren
Die offizielle Dokumentation formuliert es klar: /design ist ein Skill in Claude Code. Mit einem Auftrag zeichnet Claude UI-Mockups, Screen-Flows, Landingpages oder Poster als Artboards auf einem Canvas und veröffentlicht das Canvas als Artifact in Claude Design. In der offiziellen Wochenübersicht war /design erstmals als research preview vermerkt; die aktuelle Befehlsübersicht verlangt Claude Code v2.1.265 oder neuer, bringen Sie den Client also zuerst auf den aktuellen Stand. Die offizielle Week-34-Übersicht (2026-08-17 bis 2026-08-21) formuliert es so: /design bringt den Artboard-Workflow von Claude Design in die CLI und in Claude Code Desktop, aufgebaut auf Artifacts; mit einem Auftrag veröffentlicht Claude einen Canvas mit editierbaren Artboards für Ihre Oberfläche, wählen Sie eines aus, bearbeiten Sie es und lassen Sie es dann implementieren; verfügbar für Pro, Max, Team und Enterprise. Das Beispiel der Übersicht lautet /design redesign the composer based on what people actually use it for.
Aktualisiert 2026-10-20
Ein Key für Claude, GPT und chinesische Modelle — setzen Sie das auf dieser Seite Beschriebene direkt um.
- Bezahlung pro Token — aktuelle Preise unter /models
- Zahlung per Karte (Visa / Mastercard), Apple Pay, Google Pay oder Krypto
- Selbstbedienung: aufladen und sofort aktivieren
Vier Fakten zum Zitieren
Ein Slash-Befehl, keine eigene Website
Geben Sie in Claude Code /design mit einem Auftrag ein. Laut offizieller Beschreibung entstehen UI-Mockups, Screen-Flows, Landingpages oder Poster als Artboards auf einem Canvas, veröffentlicht als Artifact in Claude Design.
Die Version, die die offiziellen Docs verlangen
Die Befehlsübersicht verlangt Claude Code v2.1.265 oder neuer. Die Übersicht, die den Befehl zuerst nannte (Versionen v2.1.234 bis v2.1.239), verlangte v2.1.234 oder neuer. Primärquelle ist die offizielle Week-34-Übersicht (2026-08-17 bis 2026-08-21). Die Week-34-Übersicht bringt den Artboard-Workflow in Code und in die Desktop-App; das Designsystem aus dem Repository liest /design-sync.
Das Canvas wird als teilbares Artifact veröffentlicht
Die offizielle artifacts-Doku: Claude zeichnet das Design als Artboards auf einem Canvas und veröffentlicht dieses Canvas als Artifact in Claude Design. Wählen Sie im Desktop-Browser ein Element auf einem Artboard, wird die Änderung automatisch gespeichert; jedes Artboard lässt sich als PNG oder PDF exportieren.
Pro / Max / Team / Enterprise
Offizielle Formulierung: Pro, Max, Team, Enterprise. Bei der ersten Nennung war v2.1.234 oder neuer nötig, die aktuelle Befehlsübersicht verlangt Claude Code v2.1.265 oder neuer sowie eine Design-Vorlage im Konto.
Wofür /design gedacht ist: Design nicht im ersten Code-Schritt untergehen lassen
Wenn Sie Claude Code direkt bitten, „die Startseite zu bauen“, verschmelzen Anforderungen, Visuals und Implementierung oft zu einem Schritt. /design trennt das: Auftrag geben, Claude zeichnet die Varianten als Artboards auf einem Canvas, Sie öffnen den veröffentlichten Canvas, wählen eines aus und passen es an, dann setzt Claude es um. Der Canvas ist ein Artifact in Claude Design, das Sie im Desktop-Browser bearbeiten und als PNG oder PDF exportieren können.
/design in der offiziellen Dokumentation
Die offizielle Befehlsübersicht führt /design als gebündelten Skill in Claude Code: Mit einem Auftrag zeichnet Claude UI-Mockups, Screen-Flows, Landingpages oder Poster als Artboards auf einem Canvas und veröffentlicht das Canvas als Artifact in Claude Design, das Sie im Desktop-Browser bearbeiten oder als PNG oder PDF exportieren können. Die offizielle Wochenübersicht nannte /design bei der ersten Nennung als research preview, und im offiziellen Änderungsprotokoll stehen /design-sync, /design-login, /design consent und /design revoke. Woche 34 (2026-08-17 bis 2026-08-21) wurde in whats-new festgehalten: Die Week-34-Übersicht bringt Claude Design den Artboard-Workflow in die CLI und in die Desktop-App; das Designsystem aus dem Repository liest /design-sync. Es ist weiterhin eine Research Preview. Stand 2026-10-20 ist der neueste /design-bezogene Eintrag im offiziellen Änderungsprotokoll die Version 2.1.302: /design-sync und /design-login erhielten einen Hinweis, dass das eigenständige Claude Design (claude.ai/design) bis 2026-12-14 geschlossen wird, und derselbe Eintrag zeigt die Meldungen von /design consent und /design revoke auf claude.ai/design/settings.
Zeitachse
Claude Design erschien aus Anthropic Labs als Canvas + Chat (laut Rückblicken in Medien; die offiziellen Unterlagen vermerken das nicht). Ein separater Design-Assistent, noch kein Slash-Befehl in Code.
Bidirektional Design ↔ Code: codebasisbewusste Importe, Aufnahme des Designsystems (Rückblicke in Medien; die offiziellen Unterlagen vermerken das nicht). Dass /design damals schon im Terminal eingegeben werden konnte, steht in den offiziellen Unterlagen nicht; diese Runde war der Round-Trip, nicht das Paket der Artboard-Vorschau aus der Week-34-Übersicht.
Die offizielle Week-34-Übersicht führte /design erstmals als research preview ein: Skill, Artifacts und die Plan-Stufen (Pro / Max / Team / Enterprise). Bringen Sie zuerst den Client auf den aktuellen Stand. Stand 2026-10-20 führt auch das offizielle Übersichtsverzeichnis /design weiterhin als research preview.
Offizielle Formulierungen und häufige Fehldeutungen
Was die offiziellen Docs sagen
Primärquelle ist die offizielle Week-34-Übersicht (2026-08-17 bis 2026-08-21): CLI und Desktop-App, Artboards, Artifacts, Research Preview, Pro/Max/Team/Enterprise, aufgebaut auf Artifacts und mit v2.1.234 oder neuer als Voraussetzung. Die aktuelle Befehlsübersicht ergänzt: Claude Code v2.1.265 oder neuer, verfügbare Artifacts und eine Design-Vorlage im Konto. Das Designsystem aus Ihrem Repository liest /design-sync: der Befehl wandelt das React-Designsystem des Repositories in Komponenten um, die Claude Design nutzen kann.
Häufige Fehldeutungen
„/design ist bereits GA“ — bei der ersten offiziellen Nennung war es als research preview vermerkt, und die Vorlagen stehen weiterhin auf beta. „/design läuft mit jedem API-Key“ — in der offiziellen Verfügbarkeitstabelle für artifacts steht, dass Sitzungen mit API-Key, Gateway-Token oder Cloud-Anmeldedaten keine artifacts veröffentlichen können. „QCode rendert diese Artboards“ — QCode ist eine Modell-API; das Canvas lebt in Claude Code und Claude Design.
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 lautet /design redesign the composer based on what people actually use it for. 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 fest und Sie ergänzen nur Logik. Dann ist direkte Implementierung kürzer. /design braucht verfügbare artifacts; laut offizieller Doku können Sitzungen mit API-Key, Gateway-Token oder Cloud-Anmeldedaten keine artifacts veröffentlichen.
Offizieller Weg (kein Plattformwechsel nötig)
Aktualisieren Sie Claude Code, geben Sie in der Desktop-App von Claude Code oder in der CLI /design mit einem Auftrag ein, öffnen Sie den Canvas-Link, den Claude ausgibt, wählen Sie ein Artboard, passen Sie es an und bitten Sie Claude dann um die Umsetzung. Das Modell-Routing ist eine eigene Frage: Wenn Ihr Agent über eine API läuft, wählen Sie Modelle, die tatsächlich verkauft werden. Die Abrechnung erfolgt pro Token, die Preise je Modell stehen unter /models.
QCode betreibt Claude Design nicht
/design ist ein Skill im Claude-Code-Client; Artboards und Artifacts gehören zu Claude Design. QCode bietet eine Modell-API, abgerechnet pro Token, die Preise je Modell stehen unter /models. In der offiziellen Verfügbarkeitstabelle für artifacts steht, dass Sitzungen mit API-Key, Gateway-Token oder Cloud-Anmeldedaten keine artifacts veröffentlichen können; eine Claude-Code-Sitzung mit QCode-Key zeigt deshalb kein Canvas.
FAQ
Funktioniert /design sowohl in der CLI als auch in der Desktop-App?
Ja. /design ist ein gebündelter Skill in Claude Code: Mit /design und einem Auftrag erhalten Sie ein Canvas. Artifacts lassen sich nur aus der Claude Code CLI oder der Desktop-App in Version 1.13576.0 oder neuer veröffentlichen; bearbeitet werden sie im Desktop-Browser. Der Befehl selbst verlangt Claude Code v2.1.265 oder neuer. Die Dokumentation zu artifacts sagt, dass Sie den veröffentlichten Canvas im Desktop-Browser öffnen, um die Artboards anzusehen. Aktualisieren Sie den Client zuerst auf v2.1.265 oder neuer; fehlt der Befehl, verlassen Sie sich auf claude --version und /help auf Ihrem Rechner.
Schon GA oder noch research preview?
Die offizielle Wochenübersicht nannte /design erstmals als research preview, und Stand 2026-10-20 schreibt das offizielle Übersichtsverzeichnis weiterhin so; in der Befehlsübersicht steht der Befehl in der Skill-Spalte, die Design-Vorlage selbst steht weiterhin auf beta. Legen Sie ihn in einer Produktionsspezifikation nicht als GA fest.
Welcher Anthropic-Tarif wird gebraucht?
Offizielle Formulierung: Pro, Max, Team, Enterprise. Auf Pro und Max sind artifacts standardmäßig privat, auf Team und Enterprise schaltet sie die Administration; auf Enterprise muss zusätzlich ein Owner die Design-Vorlage in den Organisationseinstellungen aktivieren — ohne Vorlage entwirft /design nichts.
Wie unterscheiden sich /design, /design-sync und /design-login?
/design erzeugt den Canvas mit den Artboards; /design-sync wandelt das React-Designsystem Ihres Repositories in Komponenten um, die Claude Design nutzen kann, und /design-login autorisiert den Zugriff auf das Designsystem mit Ihrem claude.ai-Konto. Eine erste Synchronisierung prüft jede Komponente und kann bei einem großen Repository mehrere Stunden dauern. Die offizielle Week-34-Übersicht (2026-08-17 bis 2026-08-21) schreibt, dass am 08-17 der Artboard-Workflow von Claude Design in die CLI und in die Desktop-App kommt, aufgebaut auf Artifacts; die Designsystem-Seite ist Aufgabe von /design-sync.
Rendert QCode diese Artboards?
Nein. Artboards sind eine Funktion von Claude Code und Claude Design; QCode liefert nur eine Modell-API. In der offiziellen Verfügbarkeitstabelle für artifacts steht außerdem: Das Modell muss über die Anthropic API laufen, und Sitzungen mit API-Key, Gateway-Token oder Cloud-Anmeldedaten können keine artifacts veröffentlichen.
Kann ich /design weiter nutzen, wenn ich Modelle mit einem QCode-Key anschließe?
Nein. In der offiziellen Verfügbarkeitstabelle für artifacts steht, dass Sitzungen mit API-Key, Gateway-Token oder Cloud-Anmeldedaten keine artifacts veröffentlichen können; /design hängt an artifacts, es erscheint also kein Canvas. Bei QCode wird pro Token abgerechnet, die Preise je Modell stehen unter /models. Die Vorschau vom 08-17 hat kein zweites Abrechnungsbuch veröffentlicht; sie nennt nur Verfügbarkeit und Versionsanforderungen, und die Zeile zu /design in der offiziellen Befehlsübersicht ebenso. Verlassen Sie sich auf /usage und die Tarifseite.
Quellen
Offizielle Claude-Code-Dokumentation: code.claude.com/docs/en/commands (/design, /design-login, /design-sync), code.claude.com/docs/en/artifacts (Canvas und Verfügbarkeitsbedingungen), code.claude.com/docs/en/whats-new/2026-w34 (Wochenübersicht vom 2026-08-17 bis 2026-08-21, v2.1.234 bis v2.1.239), code.claude.com/docs/en/whats-new (Verzeichnis der Wochenübersichten; beim Abruf reichte es bis Week 37, und /design steht nur im Eintrag zu Week 34) sowie das offizielle Änderungsprotokoll (aktuell 2.1.303; in Version 2.1.302 sind die Änderungen an /design-sync, /design-login, /design consent und /design revoke vermerkt). Geprüft am 2026-10-20. Die offizielle Week-34-Übersicht (2026-08-17 bis 2026-08-21) führte es erstmals als research preview auf, und das Verzeichnis zeigt am 2026-10-20 weiterhin auf die Ausgabe vom 08-17.
Sie können Ihr eigenes Modell verwenden; das Board bleibt in Claude Code
QCode hostet Claude Design nicht. Für den API-Zugang gilt die Abrechnung pro Token; die Preise je Modell stehen unter /models.
Verwandte Themen
Claude Pro / Max vs. API-Key
Abos enthalten keine API: Monatspreise, Fünf-Stunden- und Wochenlimit, Anmelde-Reihenfolge in Claude Code und wann sich ein API-Key lohnt.
Versteckte Claude-Funktionen: 20 Anwendungen, Stand 03.11.2026
Wo jede der 20 Claude-Funktionen einschaltbar ist, für welche Pläne sie gelten und ob ein API-Key (auch QCode) reicht - geprüft am 03.11.2026 gegen die offiziellen Seiten und die QCode-Tabelle; vier häufige Irrtümer berichtigt.
Claude Code Ultrathink / Ultracode
Der Implementierungspfad mit hohem Aufwand, der oft auf ein ausgewähltes Artboard folgt.
Krypto-Zahlungsleitfaden
Neun Coins, 56 Netzwerke, keine Plattformgebühr für KI-Coding-API-Guthaben.
Zusammengestellt aus der offiziellen Claude-Code-Dokumentation und dem offiziellen Änderungsprotokoll. Im research preview und im beta können sich Funktionen und Verfügbarkeit ändern; ob ein Befehl erscheint, hängt von Ihrer Client-Version und Ihren Kontoeinstellungen ab. QCode bietet eine Modell-API und umgeht keine Tarifgrenzen.