UI MCP

Name: UI MCP
Author: Forge-Space

de Forge-Spaceversión 0.25.0i★ 2iSe ejecuta en tu computadora

Nombre en el registroio.github.Forge-Space/ui-mcp

Cómo instalar

What it does

Forge Space MCP server for UI and backend generation via stdio transport.

Connects Se ejecuta en tu computadora
Account or key No key needed
Category Otros

Instalación

Elige la app de IA que usas y copia la configuración.

Pasó 2/3 revisiones · Funciona en tu computadora

Primero: ¿qué IA usas?

ClaudeWeb · app · móvilChatGPTWebClaude CodeTerminalCursorEditor de códigoVS CodeEditor de códigoOtrasOtras apps

Elige tu app y los pasos aparecen abajo.

Funciona con Claude, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez) · Solo en la app de Claude para computadora (Windows o Mac), no en la web ni en el móvil

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Abre el archivo de configuración de la app de Claude de escritorio
SettingsDeveloperEdit Config
Hecho

Pega esta configuración y guarda el archivo

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

Hecho

Cierra Claude y vuelve a abrirlo
Hecho
Pruébalo
Usa UI MCP y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si Claude dice que está usando UI MCP o muestra una herramienta de UI MCP en la respuesta, ya está conectado

Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión

ChatGPT todavía no puede conectar UI MCP

UI MCP se instala en tu computadora, pero ChatGPT solo conecta servidores que funcionan en la web

Lo que puedes hacer en su lugar

A · Usa una app que pueda conectar UI MCP

Pasos para Claude →Instala Node.js en tu computadora primero (una sola vez) · Solo en la app de Claude para computadora (Windows o Mac), no en la web ni en el móvil
Pasos para Claude Code →Instala Node.js en tu computadora primero (una sola vez)
Pasos para Cursor →Instala Node.js en tu computadora primero (una sola vez)
Pasos para VS Code →Instala Node.js en tu computadora primero (una sola vez)

B · Otros en Otros que funcionan con ChatGPT

Elegidos entre los más usados de la misma categoría, solo los que se conectan con una dirección y sin clave

Hostinger✓ ChatGPT
World Monitor✓ ChatGPT
Svelte MCP✓ ChatGPT

Funciona con Claude Code, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez)

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Abre la Terminal
Mac: pulsa Command+Espacio y escribe Terminal · Windows: abre PowerShell
Hecho

Pega este comando y pulsa Enter

claude mcp add --scope user ui -- npx -y @forgespace/ui-mcp

Hecho

Escribe /mcp en Claude Code
Deberías ver UI MCP en la lista como conectado
Hecho
Pruébalo
Usa UI MCP y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si Claude Code dice que está usando UI MCP o muestra una herramienta de UI MCP en la respuesta, ya está conectado

Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión

Funciona con Cursor, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez)

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Pulsa este botón para abrir Cursor
Abrir en Cursor
Cursor te pedirá confirmar; pulsa Install
Hecho
Abre el chat de IA de Cursor en modo Agent
Hecho
Pruébalo
Usa UI MCP y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si Cursor dice que está usando UI MCP o muestra una herramienta de UI MCP en la respuesta, ya está conectado

Nombres de menú comprobados con la ayuda de Cursor el 11 nov 2026 · tu pantalla puede variar un poco según la versión

Funciona con VS Code, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez)

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Pulsa este botón para abrir VS Code
Abrir en VS Code
VS Code te pedirá confirmar; pulsa Install
Hecho
Abre el chat de IA de VS Code en modo Agent
Hecho
Pruébalo
Usa UI MCP y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si VS Code dice que está usando UI MCP o muestra una herramienta de UI MCP en la respuesta, ya está conectado

Nombres de menú comprobados con la ayuda de VS Code el 11 nov 2026 · tu pantalla puede variar un poco según la versión

Otras apps que usan MCP, como Windsurf, Zed o Gemini CLI, añaden servidores de forma distinta. Míralo en la lista de apps

Ver todas las apps que usan MCP →

La configuración JSON está en “Para desarrolladores”, abajo

¿Te atascaste? Pregunta a quien usa UI MCP💬 Conversación →

Para desarrolladores: comandos de Terminal y configuración JSON

Instalado en tu computadora

Claude Code

claude mcp add --scope user ui -- npx -y @forgespace/ui-mcp

Claude Desktop (claude_desktop_config.json)

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

Cursor (~/.cursor/mcp.json)

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

VS Code (mcp.json)

{
  "servers": {
    "ui": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@forgespace/ui-mcp"
      ]
    }
  }
}

Esta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.

De un vistazo

Estrellas de GitHub i: 2
Descargas por semanai: 66/sem
Licencia i: MIT
Conexión: Se ejecuta en tu computadora
Transporte: stdio
Última versióni: 0.25.0
Categoríai: Otros
Publicado en el registroi: 7 abr 2026
Último cambio de códigoi: 20 abr 2026
Creador: Forge-Space
Paquetes: npm: @forgespace/ui-mcp
Repo: Forge-Space/ui-mcp
Estado en el registro: Activo

Qué apps pueden usarlo

Según cómo se conecta este servidor y la documentación de cada app, comprobado el 10 nov 2026.

Se ejecutan en tu computadora en

Claude Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Raycast

Todas las apps, con ventajas y desventajas →

Qué puede hacer

Se ejecuta en tu computadora; la lista de herramientas aparece en tu app de IA después de instalarlo.

Revisiones básicasi

Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 12 nov 2026

✓ Superada
El creador coincide con el repo
El nombre en el registro se verificó con la cuenta de GitHub Forge-Space, dueña del repo
✕ No superada
Sigue en mantenimiento
Sin cambios de código en más de un año, o el repo está archivado
✓ Superada
Tiene licencia
Usa MIT
– No aplica
El endpoint responde
Este se ejecuta en tu computadora; no hay endpoint en internet
– No aplica
Inicio de sesión con OAuth
Se ejecuta en tu computadora y usa ajustes locales en su lugar
… Aún sin revisar
Sin instrucciones ocultas en las descripciones de herramientas
Se ejecuta en tu computadora; solo podemos leer listas de herramientas de endpoints en internet

Conversación

Pregunta, comparte un consejo o avisa de que no funciona. Ordenado por lo que la gente marcó como útil.

Aún no hay publicaciones. Sé la primera persona en preguntar o compartir.

Lo publicado aquí lo escriben usuarios, no el equipo de PopNx.

Inicia sesión con Google para publicar

Reseñas de usuarios

Aún no hay reseñas

Inicia sesión con Google para escribir una reseña

Comparado con otros en Otrosi

Más estrellas que el 91% de los otros 19305 servidores de esta categoría
Publicado en el registro más recientemente que el 4% de los otros 19305 servidores de esta categoría
Revisiones básicas iguales o mejores que el 42% de los otros 19305 servidores de esta categoría

Comparado con todos los servidores activos de esta categoría en el registro. Las estrellas solo cuentan cuando quien lo publica es dueño del repo.

Preguntas frecuentes

¿Es seguro UI MCP?

Superó 2 de 3 revisiones básicas aplicables. No hemos leído el código. Antes de agregar una clave o un token, revisa qué acceso pide el servidor y usa una clave que tenga solo los permisos que necesitas.

¿Qué claves o códigos necesita?

El registro no indica ninguna clave obligatoria, aunque algunos servidores te piden iniciar sesión la primera vez que los usas.

¿Se ejecuta en mi computadora o en la nube?

Se ejecuta en tu computadora. Tu app de IA lo inicia cuando hace falta, y los datos no pasan por los servidores del creador (a menos que el propio servidor llame a un servicio en línea).

¿Sigue en mantenimiento?

El repo de GitHub cambió por última vez hace 7 meses, y la última versión (0.25.0) llegó al registro hace 7 meses.

¿Qué apps pueden usarlo?

Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. También necesitas Node.js en tu computadora.

¿Qué puedo usar en su lugar?

En la misma categoría: World Monitor, Claude Flow, Windmill

Otros de la misma categoría

Servidores de la misma categoría hechos por otros creadores, ordenados por estrellas.

Cómo leer una tarjeta:↓ Descargas por semanai★ Estrellas de GitHubiTres pilares: reseñas · revisiones · usoiActualizado = fecha en que se publicó la última versión en el registroi

World Monitor

Real-time global intelligence on conflict, markets, energy, trade, shipping and cyber. 102 tools.

de koala73Muy usado★ 90,5 milActualizado hoy

Se ejecuta en la nube✓ del servicio · worldmonitor.app

Instalar

Claude Flow

AI orchestration with hive-mind swarms, neural networks, and 87 MCP tools for enterprise dev.

de ruvnetMuy usado↓ 13,5 mil/sem★ 81,5 milActualizado hace 14 meses

Se ejecuta en tu computadora

Instalar

Windmill

Run Windmill scripts and flows and manage jobs, schedules, resources and variables.

de windmill-labsMuy usado★ 18,5 milActualizado hoy

Se ejecuta en la nube

Instalar

README del creador

Abrir el README

Copiado tal cual del repo del creador. PopNx MCP no lo ha revisado ni lo respalda. Se quitaron HTML, imágenes y scripts. Los enlaces llevan fuera de este sitio.

@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.

Architecture

@forgespace/ui-mcp is a thin protocol adapter. All AI/generation logic lives in @forgespace/siza-gen:

@forgespace/ui-mcp (~355 KB)       @forgespace/siza-gen (~1.8 MB)

├── src/index.ts (MCP server) ├── ml/ (embeddings, quality, training) ├── tools/ (22 tool defs) ├── generators/ (react, vue, angular, svelte, html) ├── services/ (figma, analysis) ├── registry/ (502 snippets, compositions, packs) ├── resources/ (MCP resources) ├── feedback/ (self-learning, pattern promotion) └── lib/ (browser, image) └── quality/ (anti-generic rules, diversity)

Quick Start

# NPX (instant)

npx -y @forgespace/ui-mcp@latest

Global install

npm install -g @forgespace/ui-mcp && forgespace-ui-mcp

Docker

docker build -t forgespace-ui-mcp . && docker run --rm -i forgespace-ui-mcp

IDE Integration

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

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

Tools

Tool	Category	Description
`scaffold_full_application`	Code	Full project boilerplate (React/Next.js/Vue/Angular/HTML + Tailwind)
`generate_ui_component`	Code	UI components with style audit, supports shadcn/ui, Radix, Headless UI, Material, PrimeVue
`generate_form`	Code	Production forms with Zod/Yup validation, multi-step flows, accessible markup
`generate_page_template`	Code	Pre-built pages (landing, dashboard, auth, pricing, CRUD)
`generate_prototype`	Design	Interactive HTML prototypes with navigation
`generate_design_image`	Design	SVG/PNG mockups of UI screens
`image_to_component`	Code	Screenshot/wireframe to framework-specific component
`refine_component`	Code	Improve components via natural language feedback
`generate_api_route`	Backend	API routes with validation, auth, and error handling
`generate_backend_module`	Backend	Full feature modules with routes, services, middleware
`scaffold_backend`	Backend	Complete backend projects with auth, DB, monitoring
`generate_from_template_pack`	Code	Multi-page apps from curated packs (SaaS, Landing, AI Chat)
`figma_context_parser`	Context	Read Figma files, extract tokens, map to Tailwind
`figma_push_variables`	Design	Write design tokens back to Figma
`fetch_design_inspiration`	Context	Extract visual metadata from URLs
`analyze_design_references`	Context	Analyze design references, detect patterns
`analyze_design_image`	ML	Analyze design images for training data
`analyze_component_library`	Context	Analyze component library patterns
`audit_accessibility`	Quality	WCAG 2.1 audit with fix suggestions
`submit_feedback`	Quality	Submit feedback to improve future output
`payments_refund`	Backend	Request payment refund with Zod-validated params (payment_id, amount, reason, currency)
`manage_training`	ML	Training data ingestion and fine-tuning

Framework & Library Support

Library	React	Vue	Angular	Svelte	HTML
shadcn/ui	shadcn/ui	shadcn-vue	Tailwind	bits-ui	Tailwind
Radix	@radix-ui/react	@radix-ui/vue	Tailwind	@radix-ui/svelte	Tailwind
Headless UI	@headlessui/react	@headlessui/vue	Tailwind	@headlessui/svelte	Tailwind
Material	@mui/material	Vuetify	@angular/material	@smui/material	Tailwind
PrimeVue	Headless UI	primevue	primeng	Tailwind	Tailwind
none	Tailwind CSS	Tailwind CSS	Tailwind CSS	Tailwind CSS	Tailwind CSS

Brand Identity Integration

All generation tools accept an optional brand_identity parameter — a JSON string from branding-mcp's generate_brand_identity tool. When provided, brand colors, typography, and spacing are injected into the design context.

Environment Variables

Variable	Required	Description
`FIGMA_ACCESS_TOKEN`	Only for Figma tools	Token from Figma Settings
`SENTRY_DSN`	Optional	Sentry DSN for error reporting (uncaught exceptions and unhandled rejections)

Distribution

npm — published as @forgespace/ui-mcp
MCP Registry metadata — repository includes server.json and mcpName metadata for registry submission
Tag release automation — pushing v* runs npm publish with provenance, then publishes the same version to the MCP Registry via GitHub OIDC
Weekly registry ops — .github/workflows/mcp-registry-status.yml refreshes one issue with npm and MCP Registry drift, visibility, and next actions
GitHub — source, issues, releases, and Discussions live under Forge Space

Development

npm install && npm run build

npm test # 437 tests, 35 suites npm run validate # lint + format + typecheck + test

Community

GitHub Workflow

This repository follows the shared Forge Space GitHub work-management baseline:

Discussions for ideas, RFCs, Q&A, and announcements
Issues for actionable delivery work
Projects for roadmap visibility and cross-repo reporting

See Forge-Space/.github GOVERNANCE.md for the org-wide contract.

Scheduled monitoring runs that execute CodeQL require job-scoped security-events: write permission for SARIF upload.

The scheduled Security Monitoring workflow intentionally skips Codecov upload and relies on local coverage summary generation to reduce false alerting from third-party action download instability.

License

MIT

UI MCP

What it does

Instalación

Instala Node.js

Abre el archivo de configuración de la app de Claude de escritorio

Pega esta configuración y guarda el archivo

Cierra Claude y vuelve a abrirlo

Pruébalo

Lo que puedes hacer en su lugar

Instala Node.js

Abre la Terminal

Pega este comando y pulsa Enter

Escribe /mcp en Claude Code

Pruébalo

Instala Node.js

Pulsa este botón para abrir Cursor

Abre el chat de IA de Cursor en modo Agent

Pruébalo

Instala Node.js

Pulsa este botón para abrir VS Code

Abre el chat de IA de VS Code en modo Agent

Pruébalo

Instalado en tu computadora

De un vistazo

Qué apps pueden usarlo

Qué puede hacer

Revisiones básicasi

El creador coincide con el repo

Sigue en mantenimiento

Tiene licencia

El endpoint responde

Inicio de sesión con OAuth

Sin instrucciones ocultas en las descripciones de herramientas

Conversación

Reseñas de usuarios

Comparado con otros en Otrosi

Preguntas frecuentes

Otros de la misma categoría

World Monitor

Claude Flow

Windmill

README del creador

Architecture

Quick Start

Global install

Docker

IDE Integration

Tools

Framework & Library Support

Brand Identity Integration

Environment Variables

Distribution

Development

Community

GitHub Workflow

License