penpot-uiux-design
✓Umfassende Anleitung zum Erstellen professioneller UI/UX-Designs in Penpot mit MCP-Tools. Nutzen Sie diese Fertigkeit, wenn: (1) neue UI/UX-Designs für Web-, Mobil- oder Desktop-Anwendungen erstellt werden, (2) Designsysteme mit Komponenten und Tokens erstellt werden, (3) Dashboards, Formulare, Navigation oder Zielseiten entworfen werden, (4) Barrierefreiheitsstandards und Best Practices angewendet werden, (5) Plattformrichtlinien befolgt werden (iOS, Android, Material Design), (6) vorhandene Penpot-Designs auf Benutzerfreundlichkeit überprüft oder verbessert werden. Auslöser: „Benutzeroberfläche entwerfen“, „Schnittstelle erstellen“, „Layout erstellen“, „Dashboard entwerfen“, „Formular erstellen“, „Landingpage entwerfen“, „zugänglich machen“, „System entwerfen“, „Komponentenbibliothek“.
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.
Umfassende Anleitung zum Erstellen professioneller UI/UX-Designs in Penpot mit MCP-Tools. Nutzen Sie diese Fertigkeit, wenn: (1) neue UI/UX-Designs für Web-, Mobil- oder Desktop-Anwendungen erstellt werden, (2) Designsysteme mit Komponenten und Tokens erstellt werden, (3) Dashboards, Formulare, Navigation oder Zielseiten entworfen werden, (4) Barrierefreiheitsstandards und Best Practices angewendet werden, (5) Plattformrichtlinien befolgt werden (iOS, Android, Material Design), (6) vorhandene Penpot-Designs auf Benutzerfreundlichkeit überprüft oder verbessert werden. Auslöser: „Benutzeroberfläche entwerfen“, „Schnittstelle erstellen“, „Layout erstellen“, „Dashboard entwerfen“, „Formular erstellen“, „Landingpage entwerfen“, „zugänglich machen“, „System entwerfen“, „Komponentenbibliothek“. Quelle: github/awesome-copilot.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design- Quelle
- github/awesome-copilot
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-05
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist penpot-uiux-design?
Umfassende Anleitung zum Erstellen professioneller UI/UX-Designs in Penpot mit MCP-Tools. Nutzen Sie diese Fertigkeit, wenn: (1) neue UI/UX-Designs für Web-, Mobil- oder Desktop-Anwendungen erstellt werden, (2) Designsysteme mit Komponenten und Tokens erstellt werden, (3) Dashboards, Formulare, Navigation oder Zielseiten entworfen werden, (4) Barrierefreiheitsstandards und Best Practices angewendet werden, (5) Plattformrichtlinien befolgt werden (iOS, Android, Material Design), (6) vorhandene Penpot-Designs auf Benutzerfreundlichkeit überprüft oder verbessert werden. Auslöser: „Benutzeroberfläche entwerfen“, „Schnittstelle erstellen“, „Layout erstellen“, „Dashboard entwerfen“, „Formular erstellen“, „Landingpage entwerfen“, „zugänglich machen“, „System entwerfen“, „Komponentenbibliothek“. Quelle: github/awesome-copilot.
Wie installiere ich penpot-uiux-design?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/github/awesome-copilot
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-05