penpot-uiux-design

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

1|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/ajilantony/copilot-agentops --skill penpot-uiux-design-ajilantony
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: penpot-uiux-design
Source: https://github.com/ajilantony/copilot-agentops/tree/main/skills/penpot-uiux-design
Command: npx skills add https://github.com/ajilantony/copilot-agentops --skill penpot-uiux-design-ajilantony

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 adherence to best practices and platform guidelines.

Core Features & Use Cases

  • Design Creation: Build new UI/UX designs for web, mobile, or desktop applications.
  • Design Systems: Develop component libraries and design tokens.
  • Accessibility: Apply accessibility standards and best practices.
  • Platform Compliance: Follow iOS, Android, and Material Design guidelines.
  • Use Case: Design a new mobile app onboarding flow, ensuring all elements are accessible and follow Material Design principles.

Quick Start

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

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 in Penpot that follows Material Design guidelines?

To create UI/UX designs in Penpot following Material Design guidelines, you can use this Skill to build interfaces while applying platform-specific standards. It ensures your mobile app layouts comply with accessibility rules.

Can I build a design system with component libraries and tokens in Penpot?

Yes, you can build a design system in Penpot using this Skill to develop component libraries and design tokens. It manages reusable design elements through Penpot's API for shape manipulation.

What is the best way to ensure accessibility compliance when designing interfaces in Penpot?

The best way to ensure accessibility compliance in Penpot is using this Skill to apply accessibility standards during UI/UX creation. It checks designs against best practices for web and mobile applications.

Does the Penpot API support importing and exporting shapes for UI/UX design?

Yes, the Penpot API supports importing and exporting shapes for UI/UX design. This Skill integrates with the API to handle shape manipulation and export operations for interface components.

How do I design a mobile app onboarding flow in Penpot that is accessible?

To design an accessible mobile app onboarding flow in Penpot, use this Skill to layout the interface while applying accessibility standards. It ensures UI elements follow iOS and Android platform guidelines.