Design and manipulate Penpot projects using the Penpot MCP Plugin. Use when working with Penpot designs including creating shapes, boards, layouts, styling, components, generating CSS/HTML from designs, or any design task when Penpot MCP is connected. Triggers on mentions of "Penpot", design manipulation requests with connected MCP, or design-to-code workflows.
Install
npx skills add soyasis/claude-penpot-design-skill --skill penpot-designnpx skills add soyasis/claude-penpot-design-skill --skill penpot-design -a claude-code -gnpx skills add soyasis/claude-penpot-design-skill --skill penpot-design -a codex -ggemini skills install https://github.com/soyasis/claude-penpot-design-skill.git --path skills/penpot-designgh skill install soyasis/claude-penpot-design-skill penpot-designgit clone --depth 1 https://github.com/soyasis/claude-penpot-design-skill /tmp/soyasis__claude-penpot-design-skill
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/soyasis__claude-penpot-design-skill/skills/penpot-design ~/.claude/skills/penpot-design # Claude Code
cp -R /tmp/soyasis__claude-penpot-design-skill/skills/penpot-design ~/.agents/skills/penpot-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode