Name: op7418/Generative-UI-MCP
Rating: 3.2 (1 reviews)
Author: op7418

op7418/Generative-UI-MCP

Score: 56.1 Rank #14

MCP server that teaches AI models to generate interactive visualizations — charts, diagrams, mockups, and more.

Overview

op7418/Generative-UI-MCP is a TypeScript MCP server. MCP server that teaches AI models to generate interactive visualizations — charts, diagrams, mockups, and more. Topics: ai, chart, claude, diagram, generative-ui, mcp, model-context-protocol, svg, visualization.

Ranked #14 out of 104 indexed tools.

Actively maintained with commits in the last week.

Ecosystem

TypeScript No license

aichartclaudediagramgenerative-uimcpmodel-context-protocolsvgvisualization

Score Breakdown

Stars 15% 37

37 stars → early stage

Freshness 25% 2d ago

Last commit 2d ago → actively maintained

Issue Health 25% 50%

No issues filed → no history to score

Contributors 10% 1

1 contributor → solo project

Dependents 25% 0

No dependents → no downstream usage

Forks 3

Description Good

License None

Weights: Freshness 25% · Issue Health 25% · Dependents 25% · Stars 15% · Contributors 10% · How we score →

How to Improve

Description low impact

Expand your description to 150+ characters for better discoverability

License low impact

Add an MIT or Apache-2.0 license to signal trust and enable adoption

Contributors medium impact

Single-contributor projects carry bus-factor risk — welcoming contributors boosts confidence

Badge

Markdown

[![AgentRank](https://agentrank-ai.com/api/badge/tool/op7418--Generative-UI-MCP)](https://agentrank-ai.com/tool/op7418--Generative-UI-MCP/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)

HTML

<a href="https://agentrank-ai.com/tool/op7418--Generative-UI-MCP/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/badge/tool/op7418--Generative-UI-MCP" alt="AgentRank"></a>

Embed Widget docs →

HTML

<script src="https://agentrank-ai.com/embed.js" data-tool="op7418/Generative-UI-MCP"></script>

Details

Stars: 37
Forks: 3
Open Issues: 0
Closed Issues: 0
Contributors: 1
Dependents: —
Language: TypeScript
License: —
Last Commit: 2d ago

Matched Queries

"mcp server""mcp-server"

From the README

# Generative UI MCP

An MCP server that teaches AI models to generate interactive visualizations — charts, diagrams, mockups, and more.

> Inspired by [Anthropic's Artifacts](https://www.anthropic.com/news/artifacts) and [Vercel's Generative UI](https://vercel.com/blog/ai-sdk-3-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 dia

Read full README on GitHub →