L'Agent et le Composer de Cursor génèrent des fonctionnalités entières très rapidement, mais chaque génération peut prendre de nouvelles décisions de style. Sans un système fixe, l'espacement, les couleurs et la forme des composants dérivent d'un fichier à l'autre. Un système de design fournit à l'Agent un ensemble unique de tokens sémantiques et un fichier DESIGN.md écrit, afin que les composants ultérieurs suivent les mêmes règles que les premiers.

Cursor prend en charge MCP nativement. L'Agent peut utiliser des outils pour rechercher, récupérer et appliquer un kit pendant qu'il travaille, en plus de lire les fichiers installés par le kit.

Voici le kit gratuit ambient-sage, rendu à partir des tokens exacts que l'Agent écrit dans votre projet :

1. 1

   Écrire la configuration MCP

   Exécutez ceci à la racine de votre projet pour fusionner le serveur dans .cursor/mcp.json.

   Copy

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

2. 2

   Activer le serveur dans Cursor

   Ouvrez Settings → MCP (ou le panneau MCP) et activez le serveur identityforge. Redémarrez Cursor si les outils n'apparaissent pas.

3. 3

   Se connecter (optionnel pour les kits gratuits)

   Copy

   npx --yes identityforge@latest login

4. 4

   Demander à l'Agent de thématiser votre application

   Donnez le produit, l'audience et l'ambiance ; il sélectionne des options avec search_themes, lit le brief avec get_design_md et applique le tout avec 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"]
    }
  }
}

Pour rendre l'Agent cohérent même en dehors d'une session d'application de kit, ajoutez une règle de projet courte (.cursor/rules) lui indiquant de styliser uniquement via les tokens sémantiques et de suivre le fichier DESIGN.md. Cela se marie parfaitement avec le kit : les tokens définissent les valeurs, la règle garantit que le code généré les utilise toujours.

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

   Application via CLI

   Écrit DESIGN.md + un fichier de tokens dans le répertoire actuel ; demandez ensuite à Cursor de les intégrer.

   Copy

   identityforge apply ambient-sage

2. 2

   Registre shadcn

   Installe directement les variables CSS du kit si vous utilisez shadcn/ui.

   Copy

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

Consultez la même configuration pour Claude Code et Windsurf, ou commencez par le guide fondamental.