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.
Installieren Sie den KI-Skill frontend-design schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: answerzhao/agent-skills.
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: answerzhao/agent-skills.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/answerzhao/agent-skills --skill frontend-designVerwandeln 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: answerzhao/agent-skills.
Ö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/answerzhao/agent-skills --skill frontend-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/answerzhao/agent-skills