UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
MCPpedia last refreshed this data
io.github.PyModel/designer-skill-mcp is an MCP server that UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key. Its tool list has not been published yet over stdio, sse and http, requires no API key, and scores 89/100 on MCPpedia's security, maintenance and efficiency rubric.
Config is the same across clients - only the file and path differ.
{
"mcpServers": {
"designer-skill": {
"args": [
"-y",
"@pymodel/designer-skill-mcp@latest"
],
"command": "npx"
}
}
}Are you the author?
Add this badge to your README to show your security score and help users find safe servers.
UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
Run this in your terminal to verify the server starts. Then let us know if it worked - your result helps other developers.
npx -y '@pymodel/designer-skill-mcp' 2>&1 | head -1 && echo "✓ Server started successfully"
After testing, let us know if it worked:
Five weighted categories - click any category to see the underlying evidence.
No known CVEs.
Checked @pymodel/designer-skill-mcp against OSV.dev.
Click any tool to inspect its schema.
Be the first to review
Have you used this server?
Share your experience - it helps other developers decide.
Sign in to write a review.
Others in design / maps
Design tokens from any live site: colours, type, spacing, components, drift against a baseline.
Draw and visually collaborate with your agents on tldraw's canvas.
MeiGen-AI-Design-MCP — Turn Claude Code / OpenClaw into your local Lovart. Local ComfyUI, 1,400+ prompt library, multi-direction parallel generation.
Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent
MCP Security Weekly
Get CVE alerts and security updates for io.github.PyModel/designer-skill-mcp and similar servers.
Start a conversation
Ask a question, share a tip, or report an issue.
Sign in to join the discussion.
Plug-and-play MCP. UI superpowers for your agent.
Setup · How it works · References · Tools · Development
Paste into your agent (Claude Code, Codex, Cursor, any MCP client). It installs the skill, wires the MCP and verifies the tools:
Add designer-skill. The designer core is keyless: it routes requests, loads guidance, checks contrast, converts design tokens and runs static and rendered checks. The Niblet catalogue is built in and optional: with a NIBLET_TOKEN it supplies real screens and licensed materials; without one those tools answer guidance and everything else works.
1. Install or refresh the skill into the user skill directory (not this project):
npx skills add PyModel/designer-skill --skill designer-skill -g -y
2. Add the local MCP using this client's native MCP configuration, in the user-level (not project-level) config:
Name: designer-skill
Transport: stdio
Command: npx
Args: -y @pymodel/designer-skill-mcp@latest
No API key is needed. Add NIBLET_TOKEN only if the user already has a Niblet key and asks for catalogue references.
3. Verify: list the designer-skill server's tools and confirm get_preflight_brief, dispatch_intent, review_and_gate are present. Do not run a sample check.
When setup is complete, confirm the skill is installed and the three named tools are exposed. On UI work: call get_preflight_brief, use dispatch_intent and load only relevant guidance. If an unresolved visual question warrants retrieval, use the catalogue tools (they answer guidance when no key is set; continue without them). Run review_and_gate as supplemental static evidence, then perform the required rendered, functional and accessibility checks in the host. Never treat static success as UI PASS. Preserve audit/plan scope. Continue an active authorized task; otherwise report designer-skill ready, and report Niblet paired only if its tools were actually observed.
No Niblet key? Continue from local product evidence; catalogue retrieval is optional. To get more references, see More references with Niblet.
Or pick one:
| Install | |
|---|---|
| 🟣 Claude Code plugin (skill + MCP) | /plugin marketplace add PyModel/designer-skill then /plugin install designer-skill@pymodel |
| 🟢 Codex plugin | codex plugin marketplace add PyModel/designer-skill, then install designer-skill from pymodel in /plugins |
| ⚫ Cursor plugin | Insta |