Der Prompt ist kurz, weil der Kontext lang ist.

Es gibt nichts zu installieren. Der Skill kommt mit Claude Code mit, im Terminal genauso wie in der VS-Code-Erweiterung.

• Claude Code updaten: einmalig. Taucht /design nicht auf, ist die Version zu alt. Das ist die einzige Hürde.
• /design tippen: der Skill hängt sich an einen ganz normalen Auftrag. Kein Design-System im Prompt, keine Vorgaben zur Optik, das kommt aus deinem Kontext.
• Den Link öffnen: am Ende schickt Claude einen Link. Dahinter liegt kein Bild und kein Mockup, sondern ein Artifact, eine Seite, die bearbeitbar bleibt.
• Im Canvas nachziehen: reinklicken, „edit“ wählen, Schrift oder Text ändern. Rechts sitzt eine Sidebar, in der du dich durch alle Elemente klickst, wie bei Figma.
• Größeres zurück in die Session: kleine Sachen macht der Editor, alles Größere schreibst du in dieselbe Claude-Code-Session. Er arbeitet im selben Artifact weiter, du wechselst nie das Fenster.

Ein Satz, sonst nichts. Schreib dein eigenes Produkt hinein, die Arbeit steckt im Kontext, nicht im Prompt.

/design Bau mir eine Webseite für mein KI-Telefon-Produkt

Den Prompt vollzustopfen ist der häufigste Fehler. Im Video ist es EIN Satz.

Im Video kommt ein fertiges Video aus der /media-Galerie in den Hero. Sag das Overlay mit an, sonst liegt der Text auf dem bewegten Bild und ist nicht mehr lesbar. Die Gegenprobe ist derselbe Auftrag in Claude Design, mit gleichem Modell und gleichem Design-System. So siehst du an deinem eigenen Projekt, was der Kontext ausmacht.

# Ein Video in den Hero (in derselben Session)
Bau mir das hier in den Hero als Background-Video ein, mit einem Overlay,
sodass man die Texte noch richtig lesen kann.

# Die Gegenprobe (in Claude Design)
Baue mir bitte eine Landingpage für mein KI-Telefonprodukt.

Im Video zeigt die Gegenprobe die typischen KI-Elemente: einen Strich im Logo und unruhige Kästen.

Im Video liest Claude Code genau solche Dateien, bevor er baut. Steht nichts da, kommt eine hübsche, leere Seite raus. Der Skill errät dein Geschäft nicht, er liest, was da ist.

• Preise: was kostet was, in welchem Paket. Im Video zieht die Seite die echten Preise, ohne dass sie im Prompt stehen.
• Regeln zu den Preisen: gehören Preise überhaupt auf die Seite oder nicht.
• Business-Entscheidungen: was ihr anbietet und was bewusst nicht. Im Video heißen sie GTM-Dateien.
• Der Ton: wie ihr klingt, welche Wörter ihr benutzt. Mein Rat: schreib ihn auf, sonst rät das Modell.

Fang mit den Preisen an, deren Wirkung siehst du auf der fertigen Seite sofort. Und schreib pro Sache genau EINE Datei: zwei Orte mit unterschiedlichen Preisen sind schlimmer als gar keiner.

Drei Punkte, die im Video an der Gegenprobe gezeigt werden. Und eine Erwartung, die du gleich ablegen kannst: die erste Fassung ist eine Basis, an der du weiterarbeitest, nicht das Endergebnis.

• Teilen: Claude Design teilt nur innerhalb deiner Organisation. Mit /design teilst du per Link an jeden, wie bei Google oder Notion.
• Eigene Skills: in Claude Design nur die, die Anthropic mitliefert. In Claude Code kombinierst du beliebig, zum Beispiel /media für Bilder und Videos.
• Dein Kontext: Claude Design kennt nur diese eine Unterhaltung. Claude Code liest die Dateien auf deiner Maschine.

Woran du merkst, dass dein Kontext trägt: Die erste Fassung enthält Dinge, die du nicht in den Prompt geschrieben hast, deine Preise, deine Formulierungen, deine Struktur. Passiert das nicht, fehlen die Dateien, nicht der Skill.