Ui Mcp
This is a complete UI generation pipeline exposed as 22 MCP tools spanning component scaffolding, form generation, Figma token sync, and backend route creation. It ships with 502 pre-built snippets across React, Vue, Angular, Svelte, and HTML, all Tailwind-backed with optional shadcn, Radix, Headless UI, or Material integrations. The image_to_component tool converts screenshots to framework code, figma_context_parser pulls design tokens from Figma files, and generate_from_template_pack spins up multi-page SaaS or landing page starters. Generation logic lives in the separate siza-gen package with ML-driven quality checks and self-learning feedback loops. Reach for this when you need brand-aware component generation with actual framework diversity instead of React-only tooling.
- tools
- 22
- transport
- STDIO
- last updated
- Apr 7, 2026
Tools
22 toolsPublic tool metadata for what this MCP can expose to an agent.
scaffold_full_applicationFull project boilerplate (React/Next.js/Vue/Angular/HTML + Tailwind)
Full project boilerplate (React/Next.js/Vue/Angular/HTML + Tailwind)
No parameter schema in public metadata yet.
generate_ui_componentUI components with style audit, supports shadcn/ui, Radix, Headless UI, Material, PrimeVue
UI components with style audit, supports shadcn/ui, Radix, Headless UI, Material, PrimeVue
No parameter schema in public metadata yet.
generate_formProduction forms with Zod/Yup validation, multi-step flows, accessible markup
Production forms with Zod/Yup validation, multi-step flows, accessible markup
No parameter schema in public metadata yet.
generate_page_templatePre-built pages (landing, dashboard, auth, pricing, CRUD)
Pre-built pages (landing, dashboard, auth, pricing, CRUD)
No parameter schema in public metadata yet.
generate_prototypeInteractive HTML prototypes with navigation
Interactive HTML prototypes with navigation
No parameter schema in public metadata yet.
generate_design_imageSVG/PNG mockups of UI screens
SVG/PNG mockups of UI screens
No parameter schema in public metadata yet.
image_to_componentScreenshot/wireframe to framework-specific component
Screenshot/wireframe to framework-specific component
No parameter schema in public metadata yet.
refine_componentImprove components via natural language feedback
Improve components via natural language feedback
No parameter schema in public metadata yet.
generate_api_routeAPI routes with validation, auth, and error handling
API routes with validation, auth, and error handling
No parameter schema in public metadata yet.
generate_backend_moduleFull feature modules with routes, services, middleware
Full feature modules with routes, services, middleware
No parameter schema in public metadata yet.
scaffold_backendComplete backend projects with auth, DB, monitoring
Complete backend projects with auth, DB, monitoring
No parameter schema in public metadata yet.
generate_from_template_packMulti-page apps from curated packs (SaaS, Landing, AI Chat)
Multi-page apps from curated packs (SaaS, Landing, AI Chat)
No parameter schema in public metadata yet.
figma_context_parserRead Figma files, extract tokens, map to Tailwind
Read Figma files, extract tokens, map to Tailwind
No parameter schema in public metadata yet.
figma_push_variablesWrite design tokens back to Figma
Write design tokens back to Figma
No parameter schema in public metadata yet.
fetch_design_inspirationExtract visual metadata from URLs
Extract visual metadata from URLs
No parameter schema in public metadata yet.
analyze_design_referencesAnalyze design references, detect patterns
Analyze design references, detect patterns
No parameter schema in public metadata yet.
analyze_design_imageAnalyze design images for training data
Analyze design images for training data
No parameter schema in public metadata yet.
analyze_component_libraryAnalyze component library patterns
Analyze component library patterns
No parameter schema in public metadata yet.
audit_accessibilityWCAG 2.1 audit with fix suggestions
WCAG 2.1 audit with fix suggestions
No parameter schema in public metadata yet.
submit_feedbackSubmit feedback to improve future output
Submit feedback to improve future output
No parameter schema in public metadata yet.
payments_refundRequest payment refund with Zod-validated params (payment_id, amount, reason, currency)
Request payment refund with Zod-validated params (payment_id, amount, reason, currency)
No parameter schema in public metadata yet.
manage_trainingTraining data ingestion and fine-tuning
Training data ingestion and fine-tuning
No parameter schema in public metadata yet.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageReadme
@forgespace/ui-mcp
AI-driven UI and backend code generation via Model Context Protocol. 22 tools, 5 frameworks, brand-aware, npm-published, and MCP Registry-ready.
Part of the Forge Space ecosystem.
Details
- Repository
- github.com/forge-space/ui-mcp
- Package
@forgespace/ui-mcp- Transport
- STDIO
- Registry
- MCP registry, active