by op7418 · MCP Server · ★ 56
Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h
Generative UI MCP An MCP server that teaches AI models to generate interactive visualizations — charts, diagrams, mockups, and more. Inspired by Anthropic's Artifacts and Vercel's Generative UI. This server provides structured design guidelines so AI models produce consistent, streaming-safe, visually polished widgets. What it does Instead of stuffing thousands of tokens of design rules into every system prompt, this MCP server lets the model load guidelines on demand — only when it actually needs to generate a visualization. The model calls with the modules it needs, and gets back comprehensive design specs including: Core design system (philosophy, streaming rules, CSS variables) Color palette (6 ramps with semantic usage rules) Component patterns and code templates SVG setup guides with arrow markers and viewBox calculations 8 diagram types with layout rules and code examples Quick start Auto-install via AI Copy and paste the following prompt into your AI
| Stars | 56 |
| Forks | 7 |
| Language | TypeScript |
| Category | MCP Server |
| Quality Score | 71.7865131952012/100 |
| Last Updated | 2026-03-16 |
| Created | 2026-03-16 |
| Platforms | claude-code, mcp, node |
| Est. Tokens | ~2k |
These tools work well together with Generative-UI-MCP for enhanced workflows:
Looking for a Generative-UI-MCP alternative? If you're comparing Generative-UI-MCP with other mcp server tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.
Graph-native code intelligence that replaces embedding-based RAG with deterministic program understanding.
A Model Context Protocol (MCP) server for programmatic diagram generation using Draw.io (Diagrams.net). This s
Software architecture diagramming tool. Includes a modern easy to use Frontend + Backend + CLI to enable manag
🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitH
Interact with all three types of generative UI, all in one interface
🎓 Claude Skill: Paste your paper text, auto-generate publication-ready LaTeX/TikZ diagrams. 粘贴论文文案，自动生成学术级配图。
Explore other popular mcp server tools:
Generative-UI-MCP is MCP server that teaches AI models to generate interactive visualizations — charts, diagrams, mockups, and more.. It is categorized as a MCP Server with 56 GitHub stars.
Generative-UI-MCP is primarily written in TypeScript. It covers topics such as ai, chart, claude.
You can find installation instructions and usage details in the Generative-UI-MCP GitHub repository at github.com/op7418/Generative-UI-MCP. The project has 56 stars and 7 forks, indicating an active community.
The top alternatives to Generative-UI-MCP on Agent Skills Hub include arbor, drawio-mcp-server, tld. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.