🎯

penpot-uiux-design

🎯Skill

from github/awesome-copilot

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(314 items)

penpot-uiux-design

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

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

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

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

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

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

SKILL.md

9,850Installs

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.

🎯

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

🎯

documentation-writer🎯Skill

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

🎯

excalidraw-diagram-generator🎯Skill

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

🎯

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.

🎯

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.

🎯

create-readme🎯Skill

Creates README.md files for projects.

🎯

memory-merger🎯Skill

Merges mature lessons from domain memory files into instruction files, consolidating knowledge with minimal redundancy across global, user, and workspace scopes.