tool-design-style-selector
✓Verwenden Sie diese Option, wenn Sie die visuelle Richtung eines Projekts definieren oder zusammenführen müssen. Scannen Sie die Projektdokumentation, um die Absicht zu ermitteln, und erstellen Sie dann eine design-system.md (behalten Sie entweder den vorhandenen Stil bei oder wählen Sie aus 30 Voreinstellungen aus). Auslöser: Designsystem, Designspezifikation, UI-Stil, visueller Stil, Design-Tokens, Farbpalette, Typografie, Layout. Ablauf: Scannen → Absicht → (Gate) beibehalten bzw. voreinstellen → design-system.md nach Bestätigung bereitstellen → (Standard) UI/UX gemäß design-system.md implementieren (zuerst planen, dann ausführen).
Installation
SKILL.md
Scan project, identify intent, recommend and deploy the most suitable design system style.
1) Preserve existing style and extract it into design-system.md (recommended when the project already looks “mature”), or 2) Apply one of 30 preset styles and generate design-system.md.
Step 2.5: Existing Style Gate (For existing projects, first determine whether to "preserve style")
Verwenden Sie diese Option, wenn Sie die visuelle Richtung eines Projekts definieren oder zusammenführen müssen. Scannen Sie die Projektdokumentation, um die Absicht zu ermitteln, und erstellen Sie dann eine design-system.md (behalten Sie entweder den vorhandenen Stil bei oder wählen Sie aus 30 Voreinstellungen aus). Auslöser: Designsystem, Designspezifikation, UI-Stil, visueller Stil, Design-Tokens, Farbpalette, Typografie, Layout. Ablauf: Scannen → Absicht → (Gate) beibehalten bzw. voreinstellen → design-system.md nach Bestätigung bereitstellen → (Standard) UI/UX gemäß design-system.md implementieren (zuerst planen, dann ausführen). Quelle: heyvhuang/ship-faster.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/heyvhuang/ship-faster --skill tool-design-style-selector- Quelle
- heyvhuang/ship-faster
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-17
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist tool-design-style-selector?
Verwenden Sie diese Option, wenn Sie die visuelle Richtung eines Projekts definieren oder zusammenführen müssen. Scannen Sie die Projektdokumentation, um die Absicht zu ermitteln, und erstellen Sie dann eine design-system.md (behalten Sie entweder den vorhandenen Stil bei oder wählen Sie aus 30 Voreinstellungen aus). Auslöser: Designsystem, Designspezifikation, UI-Stil, visueller Stil, Design-Tokens, Farbpalette, Typografie, Layout. Ablauf: Scannen → Absicht → (Gate) beibehalten bzw. voreinstellen → design-system.md nach Bestätigung bereitstellen → (Standard) UI/UX gemäß design-system.md implementieren (zuerst planen, dann ausführen). Quelle: heyvhuang/ship-faster.
Wie installiere ich tool-design-style-selector?
Ö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/heyvhuang/ship-faster --skill tool-design-style-selector 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/heyvhuang/ship-faster
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-17