·design-system
*

design-system

Erstellen Sie UI-Designs in Produktionsqualität mit klaren Design-Tokens, Layoutregeln, Bewegungsanweisungen und Barrierefreiheitsprüfungen für eine konsistente, skalierbare Frontend-Entwicklung.

2.8KInstallationen·22Trend·@supercent-io

Installation

$npx skills add https://github.com/supercent-io/skills-template --skill design-system

So installieren Sie design-system

Installieren Sie den KI-Skill design-system schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/supercent-io/skills-template --skill design-system
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

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.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/supercent-io/skills-template --skill design-system
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-03-07
Aktualisiert
2026-03-10

Browse more skills from supercent-io/skills-template

Schnelle Antworten

Was ist design-system?

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.

Wie installiere ich 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/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

Wo ist das Quell-Repository?

https://github.com/supercent-io/skills-template