Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

Penpot UI/UX Design Guide

porgithub·github· v1.0.0 · atualizado em 2026-04-10
85
Score

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".

ui-designux-designpenpotdesign-systemcomponent-libraryaccessibilityuser-interface
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdpenpot-uiux-design/workflow
1. Check for existing design system or brand guidelines.
2. Analyze the Penpot file structure using `penpotUtils.shapeStructure()`.
3. Locate specific elements using `penpotUtils.findShapes()`.
4. Create or modify design elements using Penpot API (e.g., `penpot.createBoard()`, `penpot.createRectangle()`).
5. Apply layout using `addFlexLayout()` for responsive containers.
6. Validate the design by exporting shapes using `mcp__penpot__export_shape`.
7. Iterate based on visual inspection and feedback.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aCreate Architectural Decision Record
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
81
Similar aCreate Specification
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar aDraw.io Diagram Generator
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
85

Árvore do Skill

Penpot UI/UX Design Guide
penpot-uiux-design
Fases Cognitivas6
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.ACT
5.EVALUATE
6.REFLECT
Triggers10
design a UIcreate interfacebuild layout in Penpotdesign dashboard in Penpotcreate form in Penpotdesign landing page in Penpotmake it accessible in Penpotdesign system in Penpotcreate component library in Penpotimprove Penpot design

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança48%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download penpot-uiux-design
$ synaptic skills detail penpot-uiux-design
$ synaptic skills live penpot-uiux-design

Dependências

penpot/penpot-mcpnpm

Links

GitHub Repository