← All skills

penpot-uiux-design

77 / 100 · Review before installing

Check before installing.

By github/awesome-copilot (GitHub) · design · 41,001 stars · scanned at commit 227949a

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers:…

Works with any agent that supports SKILL.md skills.

What this skill can do

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

• 100 Low riskfrontend-design-deslopsamber/cc-skills · 242 stars
• 90 Low riskfrontend-designavibebuilder/claude-prime · 121 stars
• 100 Low riskemil-design-engineeringAsymmetric-al/core · 370 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'penpot-uiux-design' ] || [ -L ~/.agents/skills/'penpot-uiux-design' ]; then echo 'A skill folder named penpot-uiux-design already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/github/awesome-copilot' "$d" && git -C "$d" checkout --quiet '227949a7542a55d2155c00e7cdb998d9a0fee4f3' -- 'skills/penpot-uiux-design' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/penpot-uiux-design' ~/.agents/skills/'penpot-uiux-design' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'penpot-uiux-design' ~/.claude/skills/'penpot-uiux-design' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for github/awesome-copilot shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/github/awesome-copilot.svg)](https://zalavijaysinh.github.io/skilltrust/repos/github/awesome-copilot/)

Score history