Erstellen Sie UI-Designs in Produktionsqualität mit klaren Design-Tokens, Layoutregeln, Bewegungsanweisungen und Barrierefreiheitsprüfungen für eine konsistente, skalierbare Frontend-Entwicklung.
Installieren Sie den KI-Skill design-system schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: supercent-io/skills-template.
This is a skill for production-grade UI design. It supports consistent and scalable frontend development through clear design tokens, layout rules, motion guidelines, and accessibility checks.
Issue: UI feels generic Cause: No visual direction or tokens Solution: Provide style references and palette
Issue: Layout breaks on mobile Cause: No responsive grid rules Solution: Define breakpoints and stacking behavior
Erstellen Sie UI-Designs in Produktionsqualität mit klaren Design-Tokens, Layoutregeln, Bewegungsanweisungen und Barrierefreiheitsprüfungen für eine konsistente, skalierbare Frontend-Entwicklung. Quelle: supercent-io/skills-template.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/supercent-io/skills-template --skill design-systemErstellen Sie UI-Designs in Produktionsqualität mit klaren Design-Tokens, Layoutregeln, Bewegungsanweisungen und Barrierefreiheitsprüfungen für eine konsistente, skalierbare Frontend-Entwicklung. Quelle: supercent-io/skills-template.
Ö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/supercent-io/skills-template --skill design-system 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/supercent-io/skills-template