Asigne un sistema de diseño a Windsurf

Cascade desarrolla funcionalidades de extremo a extremo, pero, como cualquier agente de código, redefine el estilo en cada turno: un color de acento ligeramente distinto aquí, un espaciado nuevo allá, una fuente diferente en la siguiente pantalla. Un sistema de diseño elimina las conjeturas: un conjunto de tokens semánticos y un DESIGN.md escrito que Cascade sigue, para que toda la aplicación parezca un único producto en lugar de diez prompts distintos.

1. 1

   Abra la configuración MCP de Windsurf

   Abra el menú de ajustes (denominado Devin Settings desde que Windsurf se integró en Cognition), vaya a Cascade > MCP Servers y elija editar la configuración raw (~/.codeium/windsurf/mcp_config.json).

2. 2

   Añada el servidor de identityforge

   Pegue la siguiente entrada en el objeto mcpServers (integrela junto a cualquier servidor ya existente).

   Copy

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

3. 3

   Actualice los servidores MCP

   Vuelva al panel MCP de Cascade y actualice para que se carguen las herramientas de identityforge.

4. 4

   Pida a Cascade que aplique el tema a la aplicación

   Indique el producto, la audiencia y el tono; el agente utilizará search_themes, get_design_md y apply_theme.

   Copy

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

Dado que Windsurf puede ejecutar comandos de terminal, las rutas independientes del cliente funcionan sin editar la configuración: Cascade (o usted) solo tiene que ejecutar un comando:

1. 1

   Aplicación vía CLI

   Escribe el archivo DESIGN.md y un archivo de tokens en el directorio actual. Pida a Cascade que lea el DESIGN.md e integre los tokens.

   Copy

   identityforge apply ambient-sage

2. 2

   registro de shadcn

   Instala las variables CSS del kit directamente para proyectos de shadcn/ui.

   Copy

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

La guía de Cursor cubre el mismo flujo de MCP con un comando de instalación compatible, y la guía fundamental enlaza todas las herramientas. Para entender el contenido, lea qué es un DESIGN.md.

• Cascade MCP - Devin Docs: la documentación de Windsurf ahora se encuentra en docs.devin.ai; los servidores MCP para el agente Cascade se configuran en ~/.codeium/windsurf/mcp_config.json a través de Devin Settings > Cascade > MCP Servers.

• Cascade MCP - Devin Docs: La documentación de Windsurf ahora se encuentra en docs.devin.ai; los servidores MCP para el agente Cascade se configuran en ~/.codeium/windsurf/mcp_config.json a través de Devin Settings > Cascade > MCP Servers.