Cascade baut Features von Ende zu Ende, aber wie jeder Agent entscheidet er bei jedem Schritt das Styling neu: hier eine leicht andere Akzentfarbe, dort ein neuer Abstand, beim nächsten Screen eine neue Schriftart. Ein Design System nimmt das Raten aus dem Prozess: Ein Satz semantischer Tokens und eine geschriebene DESIGN.md, der Cascade folgt, sorgen dafür, dass die gesamte App wie ein einziges Produkt aussieht und nicht wie zehn verschiedene Prompts.

1. 1

   Öffne die Windsurf-MCP-Konfiguration

   Öffne in Windsurf Settings → Cascade → MCP servers und wähle die Option, die Rohkonfiguration zu bearbeiten (~/.codeium/windsurf/mcp_config.json).

2. 2

   Füge den identityforge-Server hinzu

   Füge den unten stehenden Eintrag in das mcpServers-Objekt ein (mergi ihn mit eventuell vorhandenen Servern).

   Copy

   {
     "mcpServers": {
       "identityforge": {
         "command": "npx",
         "args": ["-y", "identityforge@latest", "mcp"]
       }
     }
   }

3. 3

   MCP-Server aktualisieren

   Gehe zurück zum MCP-Panel in Cascade und klicke auf Refresh, damit die identityforge-Tools geladen werden.

4. 4

   Cascade anweisen, die App zu thematisieren

   Gib Produkt, Zielgruppe und Stimmung vor; Cascade nutzt dann search_themes, get_design_md und apply_theme.

   Copy

   Use Identity Forge to pick a clean, editorial theme for a
   recipe site, apply it, and follow the DESIGN.md.

Da Windsurf Terminal-Befehle ausführen kann, funktionieren die clientunabhängigen Wege auch ohne Konfigurationsänderung: Cascade (oder du) führt einfach einen Befehl aus:

1. 1

   CLI apply

   Schreibt DESIGN.md + eine Tokens-Datei in das aktuelle Verzeichnis. Bitte Cascade, die DESIGN.md zu lesen und die Tokens einzubinden.

   Copy

   identityforge apply ambient-sage

2. 2

   shadcn-Registry

   Installiert die CSS-Variablen des Kits direkt für shadcn/ui Projekte.

   Copy

   npx shadcn add https://identityforge.io/r/ambient-sage.json

Der Cursor-Guide beschreibt denselben MCP-Workflow mit einem unterstützten Installationsbefehl, und der Pillar-Guide verknüpft alle Tools. Um die Payload zu verstehen, lies was eine DESIGN.md ist.