O Agente e o Composer do Cursor geram funcionalidades inteiras rapidamente, mas cada geração pode tomar decisões de estilo novas. Sem um sistema fixo, o espaçamento, as cores e os formatos dos componentes variam entre os arquivos. Um design system fornece ao Agente um conjunto de tokens semânticos e um DESIGN.md escrito, para que os componentes posteriores sigam as mesmas regras do primeiro.

O Cursor suporta MCP nativamente. O Agente pode usar ferramentas para pesquisar, buscar e aplicar um kit enquanto trabalha, além de ler os arquivos que o kit instala.

Abaixo está o kit gratuito ambient-sage, renderizado a partir dos tokens exatos que o Agente escreve no seu projeto:

1. 1

   Escreva a configuração do MCP

   Execute isto na raiz do seu projeto para mesclar o servidor no .cursor/mcp.json.

   Copy

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

2. 2

   Habilite o servidor no Cursor

   Abra Settings → MCP (ou o painel MCP) e ative o servidor identityforge. Reinicie o Cursor se as ferramentas não aparecerem.

3. 3

   Faça login (opcional para kits gratuitos)

   Copy

   npx --yes identityforge@latest login

4. 4

   Peça ao Agente para tematizar seu app

   Informe o produto, o público e o clima; ele fará uma lista com search_themes, lerá o briefing com get_design_md e aplicará com 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 tornar o Agente consistente mesmo fora de uma rodada de aplicação de kit, adicione uma regra curta de projeto (.cursor/rules) dizendo a ele para estilizar apenas com base nos tokens semânticos e seguir o DESIGN.md. Isso combina bem com o kit: os tokens definem os valores, e a regra garante que o código gerado sempre os utilize.

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

   Aplicação via CLI

   Escreve o DESIGN.md + um arquivo de tokens no diretório atual; peça ao Cursor para conectá-los.

   Copy

   identityforge apply ambient-sage

2. 2

   Registro shadcn

   Instala as variáveis CSS do kit diretamente se você usa shadcn/ui.

   Copy

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

Veja a mesma configuração para Claude Code e Windsurf, ou comece pelo guia fundamental.