skills.rest
mattmacleod16-svg
mattmacleod16-svgCOMMUNITY
Explore all skills by this author →
GitHub

penpot-uiux-design

Plan and execute Penpot UI/UX design tasks via MCP tools.

1|Updated Feb 25, 2026
Search Tags:#automation#accessibility#mcp#design-system#uiux#penpot
One-click install
npx skills add https://github.com/mattmacleod16-svg/freedomforge-max --skill penpot-uiux-design-mattmacleod16-svg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: penpot-uiux-design
Source: https://github.com/mattmacleod16-svg/freedomforge-max/tree/main/.agents/skills/penpot-uiux-design
Command: npx skills add https://github.com/mattmacleod16-svg/freedomforge-max --skill penpot-uiux-design-mattmacleod16-svg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires git, npm, and includes scripts (resource) components.

What problem does it solve?

Penpot UI/UX design often requires a structured workflow; this guide provides clear steps and MCP tools to streamline creating professional interfaces.

Core Features & Use Cases

  • Guidance on creating web/mobile/desktop UI, building design systems, and auditing accessibility
  • Step-by-step MCP-based tooling to execute design actions and export assets
  • Real-world scenarios like dashboards, forms, navigation, and component libraries

Quick Start

Open Penpot and begin a new UI/UX project following the MCP workflow to generate your initial design.

Frequently Asked Questions about penpot-uiux-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Penpot UI/UX design tasks using MCP?▼

You can automate Penpot UI/UX design tasks by using MCP tooling to execute design actions and export assets. It guides you step-by-step to configure interfaces, build design systems, and generate dashboards.

What is the MCP workflow for creating web and mobile interfaces in Penpot?▼

The MCP workflow for creating Penpot interfaces provides structured steps to plan and execute UI design. It leverages MCP tools to configure design elements, generate real-world scenarios like forms, and streamline professional web and mobile layouts.

Do I need git and npm installed to use the Penpot MCP server for design?▼

Yes, git and npm are required dependencies to use this Penpot MCP design tooling. You need these environment prerequisites installed to run the scripts and execute the automated UI/UX design and asset export workflows.

Can I use MCP tooling to build a design system and audit accessibility in Penpot?▼

Yes, you can use MCP tooling to build Penpot design systems and audit interface accessibility. It provides structured guidance for creating component libraries and conducting usability reviews across web, mobile, and desktop platforms.

What's the best way to export UI assets and configure designs in Penpot?▼

The best way to export UI assets and configure Penpot designs is through MCP execution tools. By applying these tools, you can directly manipulate design configurations, generate dashboards, and export necessary assets for your project.

Related Skills

Explore More Design & Creative Skills→
evolv3-aievolv3-ai
1

admin-mcp

Install and configure MCP servers for Claude Desktop on Windows and WSL contexts.

Official
Advanced
coreymaypraycoreymaypray
1

ui-designer

Create token-based UI systems and component libraries for mobile and web projects.

Community
Advanced
Shaarav4795Shaarav4795

penpot-uiux-design

Create UI/UX designs and design systems in Penpot via MCP tools.

Community
Intermediate
beel-collabbeel-collab
1

penpot-uiux-design

Automate Penpot UI/UX design tasks for layouts and usability reviews.

Community
Advanced