frontend-design
✓Verwandeln Sie Anforderungen an den UI-Stil in produktionsbereiten Frontend-Code mit systematischen Design-Tokens, Barrierefreiheitskonformität und kreativer Umsetzung. Verwenden Sie es beim Erstellen von Websites, Webanwendungen, React/Vue-Komponenten, Dashboards, Landingpages oder anderen Web-Benutzeroberflächen, die sowohl Designkonsistenz als auch ästhetische Qualität erfordern.
Installation
SKILL.md
This skill transforms vague UI style requirements into executable, production-grade frontend code through a systematic design token approach while maintaining creative excellence. It ensures visual consistency, accessibility compliance, and maintainability across all deliverables.
Never skip token definition. All visual properties must derive from the token system.
Create comprehensive token system (see examples/css/tokens.css and examples/typescript/design-tokens.ts):
Verwandeln Sie Anforderungen an den UI-Stil in produktionsbereiten Frontend-Code mit systematischen Design-Tokens, Barrierefreiheitskonformität und kreativer Umsetzung. Verwenden Sie es beim Erstellen von Websites, Webanwendungen, React/Vue-Komponenten, Dashboards, Landingpages oder anderen Web-Benutzeroberflächen, die sowohl Designkonsistenz als auch ästhetische Qualität erfordern. Quelle: uholysmokes/voidverse-alt.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/uholysmokes/voidverse-alt --skill frontend-design- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist frontend-design?
Verwandeln Sie Anforderungen an den UI-Stil in produktionsbereiten Frontend-Code mit systematischen Design-Tokens, Barrierefreiheitskonformität und kreativer Umsetzung. Verwenden Sie es beim Erstellen von Websites, Webanwendungen, React/Vue-Komponenten, Dashboards, Landingpages oder anderen Web-Benutzeroberflächen, die sowohl Designkonsistenz als auch ästhetische Qualität erfordern. Quelle: uholysmokes/voidverse-alt.
Wie installiere ich frontend-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/uholysmokes/voidverse-alt --skill frontend-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/uholysmokes/voidverse-alt
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01