frontend-design-system
✓Entwerfen und Refactoring von React/Tailwind-Frontends mithilfe des Projektdesignsystems. Nutzen Sie diese Fähigkeit, wenn Sie an UI-Komponenten, Seiten, Layouts oder UX-Verbesserungen arbeiten und unverwechselbare, zugängliche, nicht generische Designs wünschen, die KI-Abweichungen vermeiden.
Installation
SKILL.md
This Skill packages opinionated guidance for building and refactoring frontend UI so that output:
If the project uses a different stack (e.g. Svelte, Vue, plain HTML/CSS), keep the same design principles and adapt syntax.
If the repo has existing tokens/components, inspect them first (using Read/Grep/Glob) and align with those patterns.
Entwerfen und Refactoring von React/Tailwind-Frontends mithilfe des Projektdesignsystems. Nutzen Sie diese Fähigkeit, wenn Sie an UI-Komponenten, Seiten, Layouts oder UX-Verbesserungen arbeiten und unverwechselbare, zugängliche, nicht generische Designs wünschen, die KI-Abweichungen vermeiden. Quelle: d-oit/do-novelist-ai.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/d-oit/do-novelist-ai --skill frontend-design-system- Quelle
- d-oit/do-novelist-ai
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist frontend-design-system?
Entwerfen und Refactoring von React/Tailwind-Frontends mithilfe des Projektdesignsystems. Nutzen Sie diese Fähigkeit, wenn Sie an UI-Komponenten, Seiten, Layouts oder UX-Verbesserungen arbeiten und unverwechselbare, zugängliche, nicht generische Designs wünschen, die KI-Abweichungen vermeiden. Quelle: d-oit/do-novelist-ai.
Wie installiere ich frontend-design-system?
Ö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/d-oit/do-novelist-ai --skill frontend-design-system 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/d-oit/do-novelist-ai
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01