Menu
Connect MCPs for real-time tool integration — Figma (primary), Storybook, research tools, and project management
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Build or critique narratives using Storyteller Tactics (Pip Decks). Use when pitching ideas, structuring presentations, framing research share-outs, selling design decisions, motivating teams, or sharpening any story-shaped argument.
Ideate and critique data visualizations using Edward Tufte's principles. Use when designing charts, improving dashboards, checking graphical integrity, reducing chartjunk, or planning small multiples and high-density displays.
Heuristic and WCAG 2.1 AA accessibility review of UX specs, Figma flows, or described interactions. Tied to your design system's accessibility standards.
Review color usage in a design for semantic consistency, token adherence, and accessibility. Works from attached images, specs, or Figma files.
Review microcopy, labels, error messages, and content hierarchy in a design or spec. Grounded in your writing styles, design principles, and component UX guidance.
Prepare a design critique agenda with structured feedback prompts. Grounded in your brief, design system principles, and past critique patterns.
| name | connect-mcps |
| description | Connect MCPs for real-time tool integration — Figma (primary), Storybook, research tools, and project management |
| version | 1 |
| user-invocable | true |
| modifies-workspace | true |
/connect-mcps - MCP Integration for Design OSConnect Model Context Protocol servers to your Design OS workspace for live access to Figma, research tools, and project management.
/connect-mcps connect to figma # Start here — official remote MCP, no API key needed
/connect-mcps connect to dovetail # User research repository
/connect-mcps connect to linear # Design tickets and tasks
/connect-mcps connect to slack # Team communication
Figma is the priority. It has an official remote MCP server — the easiest possible setup.
Figma has an official remote MCP server at https://mcp.figma.com/mcp.
When you run /connect-mcps connect to figma:
claude mcp add --transport http figma https://mcp.figma.com/mcp
/mcp to see your connected MCPsOnce connected, you can ask:
Fallback: If Figma MCP is not connected, use the file links in context-library/design-system/figma.md and describe what you need.
Research repository for usability session notes, themes, and insights.
What it enables:
Setup: Search for official Dovetail MCP docs when connecting. Usually requires an API token from Dovetail settings.
Fallback: Upload research synthesis to context-library/research/ and I'll read it from there.
Track design tasks, file bugs, and check engineering progress.
What it enables:
Setup: Linear usually has a remote MCP or NPM package. Requires a Personal API Key from Linear Settings → API.
Fallback: Track action items in context-library/meetings/.
Search design discussions, post summaries, or draft announcements.
What it enables:
Setup: Requires OAuth token from Slack app settings.
Fallback: Draft messages in outputs/ and copy manually.
For each tool:
[tool] official MCP server 2026claude mcp add --transport http [tool] [url], then auth via /mcpoutputs/mcp-integration-logs/[date]-[tool].mdOnce MCPs are connected, just ask naturally:
I handle the routing automatically based on your question.
Every skill in Design OS works without MCPs using file-based context. MCPs add live data and speed; they don't unlock gated features.
Add them when you're ready. Start with Figma.
Figma MCP not showing up after running the add command:
/mcp to refresh the listhttps://mcp.figma.com/mcpConnection test fails:
Queries not routing to the right MCP: