GitHubAI Skills, Agents & MCP · Design MCP
MCP server that translates design tokens between Tailwind, Figma, CSS variables, Material 3 and SwiftUI.
Why it’s a gem
Token translation is the exact friction point in every design-to-code handoff.
Agent-driven design canvas running beside Cursor, VS Code, Claude Code or Codex, storing designs in an open format that lives inside your repo.
MCP server giving agents six design-lookup tools: UI inspiration galleries, component code, shaders and motion, plus scraping a site's type and palette.
Official MCP server for Penpot enabling bidirectional design workflows against an open-source design tool.
Hosted MCP endpoint that feeds shadcn/ui component and design-system context into Cursor, Claude Code and Windsurf.
MCP server with a WebSocket bridge that lets an agent create and modify Figma elements from natural language.
MCP server that answers design-system questions about components, tokens, patterns and best practice from a curated corpus.