{"repo":"op7418/Generative-UI-MCP","free":true,"listed":false,"github":"https://github.com/op7418/Generative-UI-MCP","clone":"git clone https://github.com/op7418/Generative-UI-MCP.git","description":"MCP server that teaches AI models to generate interactive visualizations — charts, diagrams, mockups, and more.","language":"TypeScript","stars":57,"topics":["ai","chart","claude","diagram","generative-ui","mcp","model-context-protocol","svg","visualization"],"license":null,"category":"mcp-servers","readme_excerpt":"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. Module What it covers -------- --------------- interactive HTML controls, forms, sliders, calculators chart Chart.js patterns, canvas setup, interactive data controls mockup UI mockup layouts, component patterns art SVG illustrations, artistic visualizations diagram Flowcharts, timelines, hierarchies, cycle diagrams, matrices The model calls load ui guidelines 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 assistant (Claude Code, Cursor, etc.) to install automatically: Install the generative-ui-mcp MCP server. Run npx generative-ui-mcp as a stdio MCP server. The server name","default_branch":null,"files":null,"tree":[],"storefront":"/r/op7418","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/op7418/Generative-UI-MCP/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}