Generative UISAFE
MCP server that teaches AI models to generate interactive visualizations — charts, diagrams, mockups, and more.
Overview
From the repository's own README, as read at the audited commit. Badges and raw HTML are left out.
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 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 thegenerative-ui-mcpMCP server. Runnpx generative-ui-mcpas a stdio MCP server. The server name should be "generative-ui".
Claude Code
claude mcp add generative-ui -- npx generative-ui-mcp
Claude Desktop
Add to your claude_desktop_config.json:
{
"mcpServers": {
"generative-ui": {
"command": "npx",
"args": ["generative-ui-mcp"]
}
}
}Cursor / Winds
29427e1daffeOBSERVED · 2026-10-08Connect
Built from this server's own package name, version and transport as found in its source — not copied from anyone's documentation, so it cannot drift against a page we do not control.
claude mcp add generative-ui-mcp -- npx -y [email protected]
{
"mcpServers": {
"generative-ui-mcp": {
"command": "npx",
"args": [
"-y",
"[email protected]"
]
}
}
}Exposed tools (1)
1 read · 0 write · 0 destructive.
| Tool | Risk | Description |
|---|---|---|
load_ui_guidelines | read | Load detailed design guidelines for generating visual widgets. Call this before generating your first widget in a conversation. Available modules: ${AVAILABLE_MODULES.join( |
Trust audit
SAFEgrade B · trust 89/100 Nothing in the source contradicts what it says it does. Grade A is reserved for packages that have also passed the behavioural sandbox.
| Layer | What it checks | Result |
|---|---|---|
| L0 | Provenance & inventory | PASS |
| L1 | Static analysis of the code | PASS |
| L2 | Instruction surface (what it tells the agent) | PASS |
| L3 | Class-specific surface | PASS |
| L4 | Behavioural (sandbox) | SKIPPED |
What the source does
- Filesystem
- none-observed
- Network
- none-observed
- Shell
- none-observed
- Dependencies
- not all pinned
- Secrets in source
- none-found
Findings (2)
@modelcontextprotocol/sdk, zod, @types/node, typescript
Gates applied: no_behavioural_pass, no_license.
29427e1daffefull audit observations/trust-audit/mcp-server/op7418__generative-ui-1.json · Report an issue / request a re-scanAudit history
Every audit this server has had. A grade with a past is a grade somebody is still checking.
| Date | Source | Verdict | Grade | Score | Change |
|---|---|---|---|---|---|
| 2026-10-08 | 29427e1daffe | SAFE | B | 89 | first audit |
Questions
What is the Generative UI MCP server?
MCP server that teaches AI models to generate interactive visualizations — charts, diagrams, mockups, and more.
What tools does Generative UI expose?
1 in total: 1 read-only, 0 that write, and 0 that can delete or overwrite. Every one is listed on this page with its risk.
Is Generative UI safe to connect to an agent?
The audit found nothing in the source that contradicts what it says it does, and graded it B (89/100). Grade A is held back for packages that have also passed a sandboxed behavioural run, which is why a clean server reads B.
What credentials does Generative UI need?
No credential environment variables were found in its source, so it appears to need none.
How does Generative UI run?
It speaks stdio, so it runs as a local process your client starts. It is published on npm as generative-ui-mcp at 1.0.0.
How current is this page?
The grade is for one exact copy of the source (29427e1daffe), read on 2026-10-08. The repository is watched and re-audited when it changes.