Penpot is a free design tool for creating user interfaces and experiences. This guide helps you use Penpot with MCP tools to build professional designs. You can create layouts for websites, mobile apps, and desktop software.
Build design systems with reusable components and tokens. Design dashboards, forms, navigation bars, and landing pages. Apply accessibility standards and follow platform guidelines like iOS and Material Design.
Use simple commands like "design a UI" or "create form" to start quickly. The guide includes setup steps for the Penpot MCP server and troubleshooting tips.
Global
mkdir -p ~/.claude/skills/penpot-uiux-designProject
mkdir -p .claude/skills/penpot-uiux-designSource Repository
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready