Forge Space UI MCP

What it does

Forge Space UI MCP gives your AI coding assistant 22 specialized tools for generating production-ready frontend and backend code. From full application scaffolding to individual component generation, accessible form creation, and Figma design token extraction — it covers the entire UI development workflow. Part of the broader Forge Space / Siza ecosystem.

Tools

• scaffold_full_application — Full project boilerplate for React, Next.js, Vue, Angular, or HTML + Tailwind
• generate_ui_component — UI components with style audit; supports shadcn/ui, Radix, Headless UI, Material, PrimeVue
• generate_form — Production forms with Zod/Yup validation, multi-step flows, accessible markup
• generate_page_template — Pre-built page templates (landing, dashboard, auth, pricing, CRUD)
• generate_prototype — Interactive HTML prototypes with navigation
• generate_design_image — SVG/PNG mockups of UI screens
• image_to_component — Convert screenshots or wireframes to framework components
• refine_component — Improve components via natural language feedback
• generate_api_route — API routes with validation, auth, and error handling
• generate_backend_module — Full feature modules with routes, services, and middleware
• scaffold_backend — Complete backend projects with auth, DB, and monitoring
• generate_from_template_pack — Multi-page apps from curated packs (SaaS, Landing, AI Chat)
• figma_context_parser — Read Figma files, extract design tokens, map to Tailwind
• figma_push_variables — Write design tokens back to Figma
• audit_accessibility — WCAG 2.1 accessibility audit with fix suggestions
• submit_feedback — Submit feedback for self-learning and pattern improvement
• Plus analysis, ML training, and payments tools

Installation

Add to your MCP config (Claude Desktop, Cursor, Windsurf, VS Code):

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

FIGMA_ACCESS_TOKEN is only required if using the Figma integration tools.

Supported hosts

Confirmed in README: Claude Desktop (Claude Code), Cursor, Windsurf, VS Code Copilot.