Donnez un design system à Windsurf

Cascade développe des fonctionnalités de bout en bout, mais comme tout agent de code, il redécide du style à chaque étape : une couleur d'accentuation légèrement différente ici, un espacement modifié là, une nouvelle police sur l'écran suivant. Un design system élimine ces approximations : un ensemble de tokens sémantiques et un fichier DESIGN.md écrit que Cascade suit, afin que l'application entière ressemble à un produit unique plutôt qu'à une succession de dix prompts.

1. 1

   Ouvrir la config MCP de Windsurf

   Ouvrez le menu des paramètres (nommé Devin Settings depuis que Windsurf a rejoint Cognition), allez dans Cascade > MCP Servers, et choisissez d'éditer la configuration brute (~/.codeium/windsurf/mcp_config.json).

2. 2

   Ajouter 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

   Actualiser les serveurs MCP

   Revenez dans le panneau MCP de Cascade et actualisez pour charger les outils identityforge.

4. 4

   Demander à Cascade de thématiser l'application

   Précisez le produit, l'audience et l'ambiance ; l'agent 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 terminal, les méthodes universelles fonctionnent sans modification de configuration : Cascade (ou vous-même) a simplement à lancer une commande :

1. 1

   Application via CLI

   Écrit le DESIGN.md et un fichier de tokens dans le répertoire courant. 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 supportée, et le guide pilier lie tous les outils. Pour comprendre le contenu, lisez ce qu'est un DESIGN.md.

• Cascade MCP - Devin Docs : la documentation de Windsurf se trouve désormais sur docs.devin.ai ; les serveurs MCP pour l'agent Cascade sont configurés dans ~/.codeium/windsurf/mcp_config.json via Devin Settings > Cascade > MCP Servers.

• Cascade MCP - Devin Docs: La documentation de Windsurf se trouve désormais sur docs.devin.ai ; les serveurs MCP pour l'agent Cascade sont configurés dans ~/.codeium/windsurf/mcp_config.json via Devin Settings > Cascade > MCP Servers.