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

1. 1

   Abre la configuración MCP de Windsurf

   En Windsurf, ve a Settings → Cascade → MCP servers y elige editar la configuración raw (~/.codeium/windsurf/mcp_config.json).

2. 2

   Añade el servidor identityforge

   Pega la siguiente entrada en el objeto mcpServers (fusiónala junto a cualquier otro servidor existente).

   Copy

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

3. 3

   Refresca los servidores MCP

   En el panel MCP de Cascade, refresca para que se carguen las herramientas de identityforge.

4. 4

   Pide a Cascade que tematice la app

   Indícale el producto, la audiencia y el estilo; usará 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.

Como Windsurf puede ejecutar comandos de terminal, las rutas agnósticas al cliente funcionan sin editar ninguna configuración: Cascade (o tú) solo tiene que ejecutar un comando:

1. 1

   Aplicar mediante CLI

   Escribe DESIGN.md + un archivo de tokens en el directorio actual. Pide a Cascade que lea el DESIGN.md y conecte los tokens.

   Copy

   identityforge apply ambient-sage

2. 2

   Registro de shadcn

   Instala las variables CSS del kit directamente para proyectos 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 principal enlaza todas las herramientas. Para entender el contenido, lee qué es un DESIGN.md.