ui-designer
✓Extrahieren Sie Designsysteme aus Referenz-UI-Bildern und generieren Sie umsetzungsbereite UI-Design-Eingabeaufforderungen. Verwenden Sie diese Option, wenn Benutzer Screenshots/Modelle der Benutzeroberfläche bereitstellen und konsistente Designs erstellen, Designsysteme generieren oder MVP-Benutzeroberflächen erstellen möchten, die der Referenzästhetik entsprechen.
Installation
SKILL.md
This skill enables systematic extraction of design systems from reference UI images through a multi-step workflow: analyze visual patterns → generate design system documentation → create PRD → produce implementation-ready UI prompts.
Save as variable for Step 4 (optionally save to documents/prd/)
Use the final composed prompt from Step 4 to implement UI in React project.
Extrahieren Sie Designsysteme aus Referenz-UI-Bildern und generieren Sie umsetzungsbereite UI-Design-Eingabeaufforderungen. Verwenden Sie diese Option, wenn Benutzer Screenshots/Modelle der Benutzeroberfläche bereitstellen und konsistente Designs erstellen, Designsysteme generieren oder MVP-Benutzeroberflächen erstellen möchten, die der Referenzästhetik entsprechen. Quelle: daymade/claude-code-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/daymade/claude-code-skills --skill ui-designer- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist ui-designer?
Extrahieren Sie Designsysteme aus Referenz-UI-Bildern und generieren Sie umsetzungsbereite UI-Design-Eingabeaufforderungen. Verwenden Sie diese Option, wenn Benutzer Screenshots/Modelle der Benutzeroberfläche bereitstellen und konsistente Designs erstellen, Designsysteme generieren oder MVP-Benutzeroberflächen erstellen möchten, die der Referenzästhetik entsprechen. Quelle: daymade/claude-code-skills.
Wie installiere ich ui-designer?
Ö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/daymade/claude-code-skills --skill ui-designer 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/daymade/claude-code-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01