MCP servers and skills: search, filter by where they run, and compare.
1–24 of 100 tools for “wireframes”
Clear allASCII wireframes: sketch 3 layout hypotheses before Figma or HTML. A Claude Code skill for design teams.
SkillMIT★ 3Few starsNo key
Agent skills for useful HTML artifacts, wireframes, interactive prototypes, plans, and diagrams.
SkillMIT★ 3.8kNo key
Run Claude Design locally as an Agent Skill — Cursor, Codex, DeepSeek Harness & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best
SkillMIT★ 5.5kNo key
Claude Code skill: plan a product feature as a design canvas — decisions, user flows, annotated wireframes and staged user stories from one spec.
SkillMITFew starsNo key
Figma is for designing; this is for deciding what to design. Low-fi product wireframes as one shareable URL — a Claude Code skill.
SkillMIT★ 4Few starsNo key
Agent Skill that turns a codebase or idea into wireframes, Mermaid diagrams, user stories, PRDs and sprint plans, with deterministic Python scripts.
SkillMIT★ 1Few starsNo key
Claude skills for UI that doesn't look AI-generated: 16 section layouts with wireframes, section → layout map, anti-AI typography, CSS + R3F recipes, plus find-skills
SkillMIT★ 1Few starsNo key
MCP Server for Development Tooling - Project Detection, Process Management, and Reverse Proxy with Frontend Instrumentation
Node.jsApache-2.0★ 22No key
Skill para Claude Code: gera wireframes mid-fi em HTML e exporta PNG (desktop + mobile) com Bun e Puppeteer
SkillMITFew starsNo key
A product design skill for turning ideas into wireframes worth discussing.
SkillMIT★ 2Few starsNo key
Themeable canvases for Claude Code: live views agents write and you work from, with Omarchy's look and buttons that start, resume and message agents.
SkillMIT★ 1Few starsNo key
Let Claude Code or Codex draw real Excalidraw diagrams — flowcharts, wireframes, slide decks, SWOT, Lean Canvas & 17 official use cases. Install: npx skills add NicholasSpisak/excalidraw
SkillMIT★ 16No key
Product-design figures as text: research, flows, wireframes, plans and motion in four shades and a few lines. A skill for Claude Code and Codex.
SkillMIT★ 14No key
Agent skill that draws UI wireframes as plain text, with a linter that catches boxes that don't line up.
SkillMIT★ 4Few starsNo key
SkillMITFew starsNo key
Official Whimsical MCP server (remote). Create flowcharts, mind maps, sequence diagrams, wireframes and docs from Claude, ChatGPT, Cursor or any MCP client. OAuth, no API key.
Hosted by authorMIT★ 11No key
PythonMIT★ 22No key
A Claude Code skill that turns a plan into a wireframe review you can mark up — current-vs-proposed phone frames, stance buttons, and notes that export back into the session.
SkillMITFew starsNo key
Codex Preview: universal ANSI preview skill pack for Codex and Claude with braille charts, flow maps, wireframes, and terminal-first visuals.
SkillMIT★ 3Few starsNo key
Integer-exact lattice for AI-authored diagrams: measurement before placement, whole-quadrant geometry, and severity-ranked collision findings instead of silent resizing. 74 MCP tools, zero dependencie
Node.jsMIT★ 3Few starsNo key
AI Product Design Runtime by Joker — from requirements to frontend code, powered by 5 MCP servers. MCP协议的产品设计自动处理流水线
SkillMIT★ 3Few starsNo key
ATLAS: a senior-engineer layer for Claude Code. Explore with wireframes & prototypes, clarify the essentials, capture it in HTML spec doc then let Claude Code's native plan/goal/workflow loop build. F
SkillLink only★ 404
Open protocol for AI-assisted synthetic usability testing. Explore concepts, journeys, wireframes and prototypes with synthetic personas.
SkillMIT★ 1Few starsNo key
Who stands behind it
