Name: Forge Space UI MCP
Availability: InStock
Author: forge-space

Ce qu'il fait

Forge Space UI MCP offre à votre assistant de codage IA 22 outils spécialisés pour générer du code frontend et backend prêt pour la production. De l'échafaudage complet d'applications à la génération de composants individuels, la création de formulaires accessibles et l'extraction de tokens de design Figma — il couvre l'ensemble du flux de développement UI. Fait partie de l'écosystème plus large Forge Space / Siza.

Outils

scaffold_full_application — Boilerplate complet de projet pour React, Next.js, Vue, Angular, ou HTML + Tailwind
generate_ui_component — Composants UI avec audit de style ; supporte shadcn/ui, Radix, Headless UI, Material, PrimeVue
generate_form — Formulaires de production avec validation Zod/Yup, flux multi-étapes, marquage accessible
generate_page_template — Modèles de pages pré-construits (landing, dashboard, auth, pricing, CRUD)
generate_prototype — Prototypes HTML interactifs avec navigation
generate_design_image — Maquettes SVG/PNG d'écrans UI
image_to_component — Convertit des captures d'écran ou des wireframes en composants de framework
refine_component — Améliore les composants via un feedback en langage naturel
generate_api_route — Routes API avec validation, auth et gestion d'erreurs
generate_backend_module — Modules de fonctionnalités complets avec routes, services et middleware
scaffold_backend — Projets backend complets avec auth, DB et monitoring
generate_from_template_pack — Applications multi-pages à partir de packs organisés (SaaS, Landing, AI Chat)
figma_context_parser — Lit les fichiers Figma, extrait les tokens de design, les mappe vers Tailwind
figma_push_variables — Réécrit les tokens de design vers Figma
audit_accessibility — Audit d'accessibilité WCAG 2.1 avec suggestions de correction
submit_feedback — Soumet des retours pour l'auto-apprentissage et l'amélioration des patterns
Plus d'outils d'analyse, d'entraînement ML et de paiement

Installation

Ajoutez à votre config MCP (Claude Desktop, Cursor, Windsurf, VS Code) :

{
  "mcpServers": {
    "forgespace-ui-mcp": {
      "command": "npx",
      "args": ["-y", "@forgespace/ui-mcp@latest"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "votre_token_figma_ici"
      }
    }
  }
}

FIGMA_ACCESS_TOKEN n'est requis que pour l'utilisation des outils d'intégration Figma.