Cascade construit des fonctionnalités de bout en bout, mais comme tout agent, il redécide du style à chaque itération : une couleur d'accentuation légèrement différente ici, un espacement nouveau là, une police fraîche sur l'écran suivant. Un système de design élimine les approximations : un ensemble unique de tokens sémantiques et un fichier DESIGN.md écrit que Cascade suit, afin que toute l'application ressemble à un seul produit plutôt qu'à dix prompts différents.

1. 1

   Ouvrez la configuration MCP de Windsurf

   Dans Windsurf, ouvrez Settings → Cascade → MCP servers et choisissez d'éditer la configuration brute (~/.codeium/windsurf/mcp_config.json).

2. 2

   Ajoutez le serveur identityforge

   Collez l'entrée ci-dessous dans l'objet mcpServers (fusionnez-la avec les serveurs existants).

   Copy

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

3. 3

   Actualisez les serveurs MCP

   Dans le panneau MCP de Cascade, actualisez pour charger les outils identityforge.

4. 4

   Demandez à Cascade de thématiser l'application

   Donnez un produit, une audience et une ambiance ; il utilisera search_themes, get_design_md et apply_theme.

   Copy

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

Comme Windsurf peut exécuter des commandes de terminal, les méthodes agnostiques fonctionnent sans aucune modification de configuration : Cascade (ou vous-même) n'a qu'à lancer une commande :

1. 1

   Application via CLI

   Écrit le fichier DESIGN.md + un fichier de tokens dans le répertoire actuel. Demandez à Cascade de lire le DESIGN.md et d'intégrer les tokens.

   Copy

   identityforge apply ambient-sage

2. 2

   Registre shadcn

   Installe les variables CSS du kit directement pour les projets shadcn/ui.

   Copy

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

Le guide Cursor couvre le même flux MCP avec une commande d'installation prise en charge, et le guide pilier lie tous les outils. Pour comprendre la structure des données, lisez ce qu'est un DESIGN.md.