🎯

penpot-uiux-design

🎯Skill

from github/awesome-copilot

Installation

Vibe Index InstallInstalls to .claude/skills/

$npx vibeindex add github/awesome-copilot --skill penpot-uiux-design

skills.sh Install⚠ Installs to .agents/skills/

$npx skills add github/awesome-copilot --skill penpot-uiux-design

Manual InstallCopy SKILL.md content and save to the path below

path

~/.claude/skills/penpot-uiux-design/SKILL.md

What it does

Generates professional UI/UX designs in Penpot using MCP tools, covering design systems, accessibility, and platform guidelines.

Overview

Penpot UI/UX Design is a comprehensive skill for creating professional UI/UX designs in Penpot using MCP tools. It guides AI agents through the process of building design systems with components and tokens, designing dashboards, forms, navigation elements, and landing pages, while applying accessibility standards and platform-specific guidelines.

Key Features

Full UI/UX design workflow: Create designs for web, mobile, and desktop applications with structured guidance through the Penpot MCP integration
Design system support: Build comprehensive design systems with reusable components, design tokens, and consistent patterns
Accessibility-first approach: Apply accessibility standards and best practices throughout the design process, including WCAG compliance
Platform guidelines: Follow iOS, Android, and Material Design guidelines for platform-appropriate designs
Multi-purpose templates: Design dashboards, forms, navigation systems, landing pages, and component libraries

Who is this for?

This skill is ideal for developers and designers who want to create professional UI/UX designs directly through AI-assisted workflows in Penpot. It is particularly useful for teams that need to rapidly prototype interfaces while maintaining accessibility standards and platform-specific design conventions.

📦

Same repository

github/awesome-copilot(378 items)

penpot-uiux-design

SKILL.md

12,604Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository10

🎯

git-commit🎯Skill

A community-curated collection of custom agents, prompts, instructions, and skills to enhance GitHub Copilot across different domains, languages, and use cases.

🎯

excalidraw-diagram-generator🎯Skill

Generates Excalidraw diagrams from natural language descriptions, creating visual representations of processes, systems, relationships, and ideas.

🎯

documentation-writer🎯Skill

Expert technical writer guided by the Diataxis framework, creating tutorials, how-to guides, reference docs, and explanation pages for software documentation.

🎯

multi-stage-dockerfile🎯Skill

Creates optimized multi-stage Dockerfiles for any language or framework, separating builder and runtime stages to produce smaller, more secure container images.

🎯

gh-cli🎯Skill

A community-curated collection of custom agents, prompts, instructions, and skills to enhance GitHub Copilot across different domains, languages, and use cases.

🎯

prd🎯Skill

Generates comprehensive Product Requirements Documents (PRDs) by systematically analyzing requirements and crafting detailed technical specifications

🎯

refactor🎯Skill

A community-curated collection of custom agents, prompts, instructions, and skills to enhance GitHub Copilot across different domains, languages, and use cases.

🎯

java-springboot🎯Skill

Provides Spring Boot best practices covering project setup, dependency injection, REST API design, data access with JPA, security configuration, and testing strategies.

🎯

playwright-generate-test🎯Skill

Generates Playwright end-to-end tests from user-described scenarios using Playwright MCP for browser automation.

🎯

conventional-commit🎯Skill

Generates conventional commit messages using structured XML format following the Conventional Commits specification.