O Cascade constrói funcionalidades de ponta a ponta, mas como todo agente, ele redefine a estilização a cada turno: uma cor de destaque ligeiramente diferente aqui, um espaçamento novo ali, uma fonte nova na próxima tela. Um design system elimina as suposições: um conjunto de tokens semânticos e um DESIGN.md escrito que o Cascade segue, para que todo o aplicativo pareça um único produto em vez de dez prompts diferentes.

1. 1

   Abra a configuração de MCP do Windsurf

   No Windsurf, abra Settings → Cascade → MCP servers e escolha editar a configuração bruta (~/.codeium/windsurf/mcp_config.json).

2. 2

   Adicione o servidor identityforge

   Cole a entrada abaixo no objeto mcpServers (mescle-a com quaisquer servidores existentes).

   Copy

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

3. 3

   Atualize os servidores MCP

   De volta ao painel de MCP do Cascade, atualize para que as ferramentas do identityforge sejam carregadas.

4. 4

   Peça ao Cascade para tematizar o app

   Forneça o produto, o público e o clima; ele usará search_themes, get_design_md e apply_theme.

   Copy

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

Como o Windsurf pode executar comandos de terminal, os caminhos agnósticos de cliente funcionam sem qualquer edição de configuração: o Cascade (ou você) apenas executa um comando:

1. 1

   Aplicação via CLI

   Escreve o DESIGN.md + um arquivo de tokens no diretório atual. Peça ao Cascade para ler o DESIGN.md e conectar os tokens.

   Copy

   identityforge apply ambient-sage

2. 2

   Registro shadcn

   Instala as variáveis CSS do kit diretamente para projetos shadcn/ui.

   Copy

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

O guia do Cursor cobre o mesmo fluxo de MCP com um comando de instalação suportado, e o guia principal conecta todas as ferramentas. Para entender o conteúdo enviado, leia o que é um DESIGN.md.