penpot-uiux-design
✓Guía completa para crear diseños UI/UX profesionales en Penpot utilizando herramientas MCP. Utilice esta habilidad cuando: (1) cree nuevos diseños UI/UX para aplicaciones web, móviles o de escritorio, (2) cree sistemas de diseño con componentes y tokens, (3) diseñe paneles, formularios, navegación o páginas de destino, (4) aplique estándares de accesibilidad y mejores prácticas, (5) siga las pautas de la plataforma (iOS, Android, Material Design), (6) revise o mejore los diseños existentes de Penpot para su usabilidad. Activadores: "diseñar una interfaz de usuario", "crear interfaz", "crear diseño", "diseñar panel", "crear formulario", "diseñar página de inicio", "hacerla accesible", "diseñar sistema", "biblioteca de componentes".
Instalación
SKILL.md
Create professional, user-centered designs in Penpot using the penpot/penpot-mcp MCP server and proven UI/UX principles.
| mcppenpotexecutecode | Run JavaScript in Penpot plugin context to create/modify designs | | mcppenpotexportshape | Export shapes as PNG/SVG for visual inspection | | mcppenpotimportimage | Import images (icons, photos, logos) into designs | | mcppenpotpenpotapiinfo | Retrieve Penpot API documentation |
The Penpot MCP tools require the penpot/penpot-mcp server running locally. For detailed installation and troubleshooting, see setup-troubleshooting.md.
Guía completa para crear diseños UI/UX profesionales en Penpot utilizando herramientas MCP. Utilice esta habilidad cuando: (1) cree nuevos diseños UI/UX para aplicaciones web, móviles o de escritorio, (2) cree sistemas de diseño con componentes y tokens, (3) diseñe paneles, formularios, navegación o páginas de destino, (4) aplique estándares de accesibilidad y mejores prácticas, (5) siga las pautas de la plataforma (iOS, Android, Material Design), (6) revise o mejore los diseños existentes de Penpot para su usabilidad. Activadores: "diseñar una interfaz de usuario", "crear interfaz", "crear diseño", "diseñar panel", "crear formulario", "diseñar página de inicio", "hacerla accesible", "diseñar sistema", "biblioteca de componentes". Fuente: github/awesome-copilot.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design- Fuente
- github/awesome-copilot
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-05
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es penpot-uiux-design?
Guía completa para crear diseños UI/UX profesionales en Penpot utilizando herramientas MCP. Utilice esta habilidad cuando: (1) cree nuevos diseños UI/UX para aplicaciones web, móviles o de escritorio, (2) cree sistemas de diseño con componentes y tokens, (3) diseñe paneles, formularios, navegación o páginas de destino, (4) aplique estándares de accesibilidad y mejores prácticas, (5) siga las pautas de la plataforma (iOS, Android, Material Design), (6) revise o mejore los diseños existentes de Penpot para su usabilidad. Activadores: "diseñar una interfaz de usuario", "crear interfaz", "crear diseño", "diseñar panel", "crear formulario", "diseñar página de inicio", "hacerla accesible", "diseñar sistema", "biblioteca de componentes". Fuente: github/awesome-copilot.
¿Cómo instalo penpot-uiux-design?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/github/awesome-copilot
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-05