Description
penpot-uiux-design is an agent skill from the github/awesome-copilot collection for creating professional UI and UX designs in Penpot, the open-source design tool, through the penpot/penpot-mcp server. The skill names four MCP tools: one runs JavaScript in Penpot's plugin context to create and modify designs, one exports shapes as PNG or SVG so the agent can inspect what it drew, one imports images such as icons, photos and logos, and one retrieves the Penpot API documentation. Before doing anything, the skill has the agent discover what already exists in the file, including design systems, components and tokens, so new work reuses them rather than duplicating them. It applies to designing new web, mobile or other interfaces, and it brings user-centered principles and accessibility standards to the work. Setup requires the penpot-mcp server to be running locally, and the skill checks whether it is already running before starting another. It is useful for designers and front-end developers who want to draft screens quickly inside Penpot and keep them consistent with an existing system. Code that runs inside the design tool changes the user's file, so the agent should work on a copy or a branch of the design, and results should be reviewed visually with the exported images. The skill is installed with the skills CLI from the github/awesome-copilot repository. Its skills.sh page showed about 12.7K installs and passing results from three security audits at the time of the scan.…
Highlights
- Four Penpot MCP tools for design, export, import and API docs
- Discovery of existing design systems, components and tokens
- Export to PNG or SVG for visual checks
- Accessibility and user-centered principles
- Installs with the skills CLI
Ratings & Reviews
No ratings yet
Be the first to rate penpot-uiux-design.
People also visit
penpot-uiux-design FAQ
What tools does it use?
execute_code for creating and modifying designs, export_shape for PNG or SVG output, import_image for assets, and penpot_api_info for the API documentation.
Does it reuse existing design work?
Yes. It starts by discovering existing design systems, components and tokens in the file.
What must be running first?
The penpot-mcp server locally. The skill checks whether it is already running.
Could it change my file?
Yes, since code in the plugin context modifies the design. Work on a copy or branch and review the exported images.
How do I install it?
Run npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design.
What security audits does it have?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Pass.
What are the best penpot-uiux-design alternatives?
Popular alternatives to penpot-uiux-design include ui-ux-designer, mobile-design and visual-design-foundations. See all penpot-uiux-design alternatives