ar27111994

Penpot MCP — AI skill for Claude Code

AI community

AI-agent skill for creating, auditing, and maintaining Penpot design systems, prototypes, tokens, and design-to-code workflows via the official Penpot MCP Server.

How to install Penpot MCP

This entry records only its repository, not the path inside it, so there is no exact command to give. Open ar27111994/penpot-mcp and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Penpot MCP does

AI-agent skill for creating, auditing, and maintaining Penpot design systems, prototypes, tokens, and design-to-code workflows via the official Penpot MCP Server.

Alternatives in AI

Claude Cookbook — Official notebooks and recipes for common patterns (RAG, tool use, Skills, MCP) 35.3k ★
Firecrawl MCP Server — 🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM c 6.1k ★
Jcodemunch MCP — Cut AI token costs 95%+ on code exploration 2.6k ★

README

penpot-mcp skill

[![GitHub Stars](https://img.shields.io/github/stars/ar27111994/penpot-mcp?style=flat&logo=github)](https://github.com/ar27111994/penpot-mcp/stargazers) [![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) [![Validate](https://github.com/ar27111994/penpot-mcp/actions/workflows/validate.yml/badge.svg)](https://github.com/ar27111994/penpot-mcp/actions/workflows/validate.yml) [![Agent Skills](https://img.shields.io/badge/npx_skills_add-ar27111994%2Fpenpot--mcp-8B5CF6)](https://github.com/ar27111994/penpot-mcp) [![skills.sh](https://skills.sh/b/ar27111994/penpot-mcp)](https://skills.sh/ar27111994/penpot-mcp) [![Version](https://img.shields.io/github/package-json/v/ar27111994/penpot-mcp?label=version)](https://github.com/ar27111994/penpot-mcp)

AI-agent skill for creating, auditing, and maintaining production-grade design projects and design systems — including flows, interactions, animations, and overlays — in [Penpot](https://penpot.app) via the official [Penpot MCP Server](https://help.penpot.app/mcp/).

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; /sse fallback 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 — penpotUtils reference, 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 fontId limitation
Write safety rules — batch size limits (~10