skills.rest
Gabeujin
GabeujinCOMMUNITY
Explore all skills by this author →
GitHub

penpot-uiux-design

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

1|Updated Feb 23, 2026
Search Tags:#design#accessibility#design system#prototyping#uiux#penpot
One-click install
npx skills add https://github.com/Gabeujin/workspace-init-mcp --skill penpot-uiux-design-gabeujin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: penpot-uiux-design
Source: https://github.com/Gabeujin/workspace-init-mcp/tree/main/awesome/skills/penpot-uiux-design
Command: npx skills add https://github.com/Gabeujin/workspace-init-mcp --skill penpot-uiux-design-gabeujin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation of professional UI/UX designs within Penpot, ensuring consistency, accessibility, and adherence to best practices.

Core Features & Use Cases

  • Design Creation: Build new UI/UX designs for web, mobile, or desktop applications.
  • Design Systems: Develop and maintain component libraries and design tokens.
  • Accessibility & Guidelines: Apply accessibility standards and platform-specific design guidelines.
  • Use Case: You need to design a new mobile app onboarding flow. This Skill will help you create the screens, define components, ensure accessibility, and export them in the correct format.

Quick Start

Use the penpot-uiux-design skill to create a new mobile app dashboard screen.

Frequently Asked Questions about penpot-uiux-design

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

FAQPage Schema
How do I design a professional mobile app UI in Penpot?▼

To design a mobile app UI in Penpot, use this Skill to build new screens, define UI components, and apply accessibility standards for consistent mobile interfaces.

Can I create a design system with components and tokens in Penpot?▼

Yes, you can create a design system in Penpot by using this Skill to develop and maintain component libraries alongside structured design tokens.

How do I apply accessibility standards to my web design in Penpot?▼

You apply accessibility standards in Penpot by leveraging this Skill's guidelines to ensure your web interfaces meet required accessibility criteria during creation.

Does the penpot-uiux-design Skill work for desktop applications?▼

Yes, the penpot-uiux-design Skill supports building professional UI/UX designs across web, mobile, and desktop platforms using platform-specific guidelines.

What is the best way to manage UI components and design tokens in Penpot?▼

The best way to manage UI components in Penpot is by using this Skill to establish a design system that maintains reusable elements and design tokens.

Related Skills

Explore More Design & Creative Skills→
alexandereiseghohialexandereiseghohi

penpot-uiux-design

Create and manage UI/UX designs in Penpot using MCP tools.

Community
Advanced
BrunoAMSilvaBrunoAMSilva

penpot-uiux-design

Design accessible user interfaces and component systems in Penpot via MCP tools.

Community
Intermediate
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
tunneleventunneleven

c4flow:design

Generate design systems and UI mockups for specified features.

Community
Basic