skills.rest
alexandereiseghohi
alexandereiseghohiCOMMUNITY
Explore all skills by this author →
GitHub

penpot-uiux-design

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation of professional, user-centered UI/UX designs within Penpot, leveraging MCP tools for efficient design and system building.

Core Features & Use Cases

  • Design Creation: Build new interfaces for web, mobile, or desktop applications.
  • Design Systems: Develop component libraries and design tokens.
  • Usability Improvement: Review and enhance existing Penpot designs.
  • Accessibility: Apply and verify accessibility standards.
  • Use Case: Design a new mobile app onboarding flow, ensuring it adheres to Material Design guidelines and accessibility best practices.

Quick Start

Use the penpot-uiux-design skill to create a new button component with primary styling.

Frequently Asked Questions about penpot-uiux-design

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

FAQPage Schema
How do I create a UI/UX design system with reusable components in Penpot?▼

You can build a UI/UX design system in Penpot by using this Skill to generate component libraries and design tokens. It streamlines the creation and management of professional, user-centered interfaces directly within Penpot.

What is the best way to ensure my Penpot prototypes meet accessibility standards?▼

To ensure Penpot prototypes meet accessibility standards, this Skill applies and verifies accessibility rules during the design process. It reviews existing designs to improve usability and ensure compliance with best practices.

Do I need the Penpot MCP server to build mobile app interfaces?▼

Yes, you need the Penpot MCP server and VS Code configuration to build mobile app interfaces. This Skill relies on these MCP tools to facilitate UI/UX design creation and management within Penpot.

Can I apply Material Design guidelines to web and desktop applications in Penpot?▼

Yes, you can apply Material Design guidelines to web and desktop applications in Penpot. This Skill supports following platform-specific guidelines for web, mobile, and desktop applications during design creation.

How do I review and improve the usability of existing Penpot designs?▼

You can review and improve the usability of existing Penpot designs by leveraging this Skill. It evaluates current interfaces, applies accessibility standards, and suggests enhancements to optimize the user-centered design.

Related Skills

Explore More Design & Creative Skills→
githubgithub
37.6k

penpot-uiux-design

Create Penpot interfaces with MCP tools for design systems and layouts.

Official
Advanced
Shaarav4795Shaarav4795

penpot-uiux-design

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

Community
Intermediate
alex-voloshin-devalex-voloshin-dev
2

design-system-patterns

Guide interface development and auditing with WCAG 2.2 compliance standards.

Community
Advanced
dirnbauerdirnbauer
33

frontend-design

Design frontend interfaces with typography, color palettes, motion, and CSS/HTML examples.

Community
Basic