skills.rest
jaimedhenriques
jaimedhenriquesCOMMUNITY
Explore all skills by this author →
GitHub

penpot-uiux-design

Create web, mobile, and desktop UI designs in Penpot with reusable components.

Updated Apr 1, 2026
Search Tags:#accessibility#dashboards#design-system#uiux#penpot#responsive-layout
One-click install
npx skills add https://github.com/jaimedhenriques/finsyt --skill penpot-uiux-design-jaimedhenriques
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: penpot-uiux-design
Source: https://github.com/jaimedhenriques/finsyt/tree/main/artifacts/platform/.agents/skills/penpot-uiux-design
Command: npx skills add https://github.com/jaimedhenriques/finsyt --skill penpot-uiux-design-jaimedhenriques

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

It helps teams turn design requests into polished, accessible Penpot interfaces without guesswork, inconsistent patterns, or missed implementation details.

Core Features & Use Cases

  • Create web, mobile, and desktop screens with clear hierarchy, spacing, and responsive layouts.
  • Build reusable design systems with components, tokens, and consistent visual patterns.
  • Review and improve dashboards, forms, navigation, and landing pages for usability and accessibility.
  • Apply platform-specific guidance for iOS, Android, and Material-style experiences.
  • Example: Use this Skill to turn a rough product idea into a structured Penpot dashboard design with aligned components and validated spacing.

Quick Start

Ask for a Penpot UI design for your target screen, and include any brand colors, device size, or accessibility requirements you want followed.

Frequently Asked Questions about penpot-uiux-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create responsive layouts in Penpot for web and mobile interfaces?▼

Build reusable design systems in Penpot using organized components, tokens, and consistent visual patterns. This Skill structures your design requests into scalable systems with aligned components and validated spacing.

Can I use this to improve dashboard accessibility and usability in Penpot?▼

Yes, you can generate platform-specific UI designs in Penpot for iOS, Android, and Material-style experiences. This Skill applies platform-specific guidance to ensure your screens match target device conventions.

Do I need Penpot MCP connectivity to design interfaces with this Skill?▼

Yes, Penpot MCP connectivity is required to design interfaces with this Skill. It relies on this connection to handle responsive layouts, validate visual elements, and organize components directly within your Penpot environment.

What is the best way to build a design system with reusable components in Penpot?▼

To start, request a Penpot UI design for your target screen and include any brand colors, device size, or accessibility requirements. This Skill then turns your rough product idea into a structured, aligned interface.

Related Skills

Explore More Design & Creative Skills→
githubgithub
37.6k

penpot-uiux-design

Create Penpot interfaces with MCP tools for design systems and layouts.

Official
Advanced
penpotpenpot
33

penpot-migrate

Convert Figma designs to Penpot while preserving layout, components, and design tokens.

Official
Advanced
bacocobacoco
57

Discovery Journey & Visual Inspiration

Guide discovery journeys and generate persona, journey, and moodboard artifacts.

Community
Intermediate
hanzlahabibhanzlahabib
2

rcode-layla-designer

Design UX plans, interface states, and design-system decisions for product screens.

Community
Advanced