El Agente y el Composer de Cursor generan funcionalidades completas rápidamente, pero cada generación puede tomar decisiones de estilo nuevas. Sin un sistema fijo, el espaciado, los colores y las formas de los componentes derivan entre archivos. Un sistema de diseño le da al Agente un conjunto de tokens semánticos y un archivo DESIGN.md escrito, para que los componentes posteriores sigan las mismas reglas que el primero.

Cursor admite MCP de forma nativa. El Agente puede usar herramientas para buscar, obtener y aplicar un kit mientras trabaja, además de leer los archivos que el kit instala.

A continuación se muestra el kit gratuito ambient-sage, renderizado con los tokens exactos que el Agente escribe en tu proyecto:

1. 1

   Escribe la configuración de MCP

   Ejecuta esto en la raíz de tu proyecto para fusionar el servidor en .cursor/mcp.json.

   Copy

   npx --yes identityforge@latest install --client cursor

2. 2

   Habilita el servidor en Cursor

   Abre Settings → MCP (o el panel MCP) y activa el servidor identityforge. Reinicia Cursor si las herramientas no aparecen.

3. 3

   Inicia sesión (opcional para kits gratuitos)

   Copy

   npx --yes identityforge@latest login

4. 4

   Pide al Agente que tematice tu app

   Indícale el producto, la audiencia y el estilo; hará una selección con search_themes, leerá el resumen con get_design_md y lo aplicará con apply_theme.

   Copy

   Use Identity Forge to pick a minimal, warm theme for a
   wellness app, apply it, and follow the DESIGN.md.

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

Para que el Agente sea consistente incluso fuera de un turno de aplicación de kit, añade una regla corta de proyecto (.cursor/rules) indicándole que estilice solo basándose en los tokens semánticos y que siga el DESIGN.md. Esto combina bien con el kit: los tokens definen los valores y la regla garantiza que el código generado siempre los utilice.

Always style against the semantic design tokens defined in the
project (bg-background, text-foreground, bg-primary, bg-muted,
border-border, …) and follow the rules and motifs in DESIGN.md.
Never hardcode raw hex colors or introduce a new font.

1. 1

   Aplicación por CLI

   Escribe DESIGN.md + un archivo de tokens en el directorio actual; pide a Cursor que los conecte.

   Copy

   identityforge apply ambient-sage

2. 2

   Registro de shadcn

   Instala las variables CSS del kit directamente si usas shadcn/ui.

   Copy

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

Consulta la misma configuración para Claude Code y Windsurf, o empieza con la guía fundamental.