AI-agent skill for creating, auditing, and maintaining Penpot design systems, prototypes, tokens, and design-to-code workflows via the official Penpot MCP Server.
https://www.skills.sh/ar27111994/penpot-mcp ↗// readme
penpot-mcp skill
AI-agent skill for creating, auditing, and maintaining production-grade design projects and design systems — including flows, interactions, animations, and overlays — in Penpot via the official Penpot MCP Server.
Compatible AI agents
Works with any MCP-compatible client: Claude Code, Cursor, VS Code / Copilot, Codex / OpenCode, Amp, Cline, Windsurf, Claude Desktop (via mcp-remote), and any agent supporting HTTP or SSE MCP transport.
What this skill covers
- Remote & local MCP setup — up-to-date configs for all major MCP clients; Remote MCP recommended for most users;
/ssefallback guidance for local transport conflicts - All 5 MCP tools —
execute_code,high_level_overview,penpot_api_info,export_shape,import_image - Penpot JS API patterns —
penpotUtilsreference, read-only property gotchas, flex ordering quirks, board positioning, CSS export, plugin data API, community plugin boundaries - Font & typography constraints — installed variant detection, library vs. layer fontSize types, stale
fontIdlimitation - Write safety rules…