Conversation
Adds a comprehensive UI/UX design skill for the Penpot MCP server. Features: - MCP tool reference (execute_code, export_shape, import_image, penpot_api_info) - Design system discovery and handling - Board positioning to avoid overlap - Default design tokens (spacing, typography, colors) - Component checklists (buttons, forms, navigation) - Accessibility guidelines (WCAG compliance) - Platform specifications (iOS, Android, responsive web)
There was a problem hiding this comment.
Pull request overview
This PR adds a comprehensive UI/UX design skill for the Penpot MCP server, providing detailed guidance for creating professional designs with accessibility standards, platform-specific guidelines, and component patterns.
Changes:
- Adds a new skill for UI/UX design in Penpot with MCP tool integration
- Includes extensive reference documentation for accessibility (WCAG), component patterns, and platform guidelines (iOS, Android, Material Design, responsive web)
- Provides design system handling, board positioning logic, and default design tokens
Reviewed changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
| skills/penpot-uiux-design/SKILL.md | Main skill file with frontmatter, MCP tool documentation, design workflow, positioning logic, and best practices |
| skills/penpot-uiux-design/references/accessibility.md | WCAG compliance guidelines including contrast ratios, keyboard navigation, screen reader support, and ARIA reference |
| skills/penpot-uiux-design/references/component-patterns.md | UI component specifications for buttons, forms, navigation, cards, modals, dashboards, and empty/loading states |
| skills/penpot-uiux-design/references/platform-guidelines.md | Platform-specific design specifications for iOS, Android, Material Design, responsive web, and desktop applications |
| docs/README.skills.md | Updated skills documentation table to include the new penpot-uiux-design skill |
aaronpowell
left a comment
aaronpowell
left a comment
There was a problem hiding this comment.
It'd be a good idea to have the skill either know how to install and setup the MCP server or have some troubleshooting guidance that it can provide back out on how to setup the MCP server, so that it will guide users on having a working environment.
added the troubleshooting guide and set up instructions |
2 participants
This pull request adds a comprehensive new skill for Penpot UI/UX design, including detailed documentation and accessibility guidelines. The main focus is to provide users with a structured guide and best practices for creating accessible, professional designs in Penpot using MCP tools. The changes include the addition of the Penpot UI/UX design skill to the skills registry, a thorough skill guide, and a reference document for accessibility standards.
New Penpot UI/UX Design Skill:
penpot-uiux-designskill to the skills registry indocs/README.skills.md, including a description, usage triggers, and references to supporting documentation.Documentation and Best Practices:
skills/penpot-uiux-design/SKILL.md, a comprehensive guide covering:Accessibility Reference:
skills/penpot-uiux-design/references/accessibility.md, providing an in-depth checklist and reference for WCAG compliance, color contrast, keyboard navigation, screen reader support, forms accessibility, ARIA usage, and accessibility testing tools.