penpot-uiux-design
✓Guide complet pour créer des conceptions UI/UX professionnelles dans Penpot à l’aide des outils MCP. Utilisez cette compétence lorsque : (1) Créer de nouvelles conceptions UI/UX pour des applications Web, mobiles ou de bureau, (2) Créer des systèmes de conception avec des composants et des jetons, (3) Concevoir des tableaux de bord, des formulaires, une navigation ou des pages de destination, (4) Appliquer les normes d'accessibilité et les meilleures pratiques, (5) Suivre les directives de la plate-forme (iOS, Android, Material Design), (6) Réviser ou améliorer les conceptions Penpot existantes pour en faciliter l'utilisation. Déclencheurs : "concevoir une interface utilisateur", "créer une interface", "construire une mise en page", "un tableau de bord de conception", "créer un formulaire", "concevoir une page de destination", "la rendre accessible", "un système de conception", "une bibliothèque de composants".
Installation
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.
Guide complet pour créer des conceptions UI/UX professionnelles dans Penpot à l’aide des outils MCP. Utilisez cette compétence lorsque : (1) Créer de nouvelles conceptions UI/UX pour des applications Web, mobiles ou de bureau, (2) Créer des systèmes de conception avec des composants et des jetons, (3) Concevoir des tableaux de bord, des formulaires, une navigation ou des pages de destination, (4) Appliquer les normes d'accessibilité et les meilleures pratiques, (5) Suivre les directives de la plate-forme (iOS, Android, Material Design), (6) Réviser ou améliorer les conceptions Penpot existantes pour en faciliter l'utilisation. Déclencheurs : "concevoir une interface utilisateur", "créer une interface", "construire une mise en page", "un tableau de bord de conception", "créer un formulaire", "concevoir une page de destination", "la rendre accessible", "un système de conception", "une bibliothèque de composants". Source : github/awesome-copilot.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design- Source
- github/awesome-copilot
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-05
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que penpot-uiux-design ?
Guide complet pour créer des conceptions UI/UX professionnelles dans Penpot à l’aide des outils MCP. Utilisez cette compétence lorsque : (1) Créer de nouvelles conceptions UI/UX pour des applications Web, mobiles ou de bureau, (2) Créer des systèmes de conception avec des composants et des jetons, (3) Concevoir des tableaux de bord, des formulaires, une navigation ou des pages de destination, (4) Appliquer les normes d'accessibilité et les meilleures pratiques, (5) Suivre les directives de la plate-forme (iOS, Android, Material Design), (6) Réviser ou améliorer les conceptions Penpot existantes pour en faciliter l'utilisation. Déclencheurs : "concevoir une interface utilisateur", "créer une interface", "construire une mise en page", "un tableau de bord de conception", "créer un formulaire", "concevoir une page de destination", "la rendre accessible", "un système de conception", "une bibliothèque de composants". Source : github/awesome-copilot.
Comment installer penpot-uiux-design ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/github/awesome-copilot
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-05