Penpot UI/UX 设计协作

原名：penpot-uiux-design

使用 Penpot 的开放设计工作流整理页面结构、组件、交互和设计交付。

中文 Skills 技能说明

适合产品原型、界面规范和研发协作。连接 Penpot 服务或 MCP 前确认账号和项目权限，默认不修改共享设计；企业素材和客户信息只在授权空间使用。

上游能力依据

上游原始适用说明：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: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".

上游 SKILL.md 主要章节（保留原文标题）：

Available MCP Tools
MCP Server Setup
Before Setup: Check If Already Running
Quick Start (Only If Not Installed)
VS Code Configuration
Troubleshooting (If Server Is Installed But Not Working)
Quick Reference
Core Design Principles
The Golden Rules
Visual Hierarchy (Priority Order)

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者: GitHub, Inc. 与 awesome-copilot contributors
中文翻译: CEOFans翻译
许可证: MIT
上游来源: https://github.com/github/awesome-copilot/tree/3f0bba475ec40b9680e1d0311b9caffeec5ad4c3/skills/penpot-uiux-design

适用范围

平台：linux、macos、windows；标签：设计与前端、Penpot UI/UX 设计协作

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。