Erstellung kollaborativer Designsysteme mithilfe der Atomic Design-Methodik. Erstellt ein Spezifikationsartefakt mit Philosophie, Token und Komponentenhierarchie. Aktivieren Sie diese Option, wenn Sie ein Designsystem erstellen, die visuelle Sprache definieren, UI-Tokens angeben oder die Komponentenarchitektur planen, bevor mit der Implementierung begonnen wird.
Installieren Sie den KI-Skill design-system schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: jwilger/agent-skills.
Value: Communication -- a documented design system creates shared vocabulary for every visual decision. When philosophy is explicit and tokens are named, contributors extend the system consistently without guessing at intent.
Facilitates collaborative creation of a design system specification. Produces an artifact at docs/design-system.pen (if Pencil MCP is available) or docs/design-system.html (single-file fallback) that documents philosophy, tokens, and the full component hierarchy from atoms through templates.
Decide the format before starting any design work. Do not switch formats mid-process.
Erstellung kollaborativer Designsysteme mithilfe der Atomic Design-Methodik. Erstellt ein Spezifikationsartefakt mit Philosophie, Token und Komponentenhierarchie. Aktivieren Sie diese Option, wenn Sie ein Designsystem erstellen, die visuelle Sprache definieren, UI-Tokens angeben oder die Komponentenarchitektur planen, bevor mit der Implementierung begonnen wird. Quelle: jwilger/agent-skills.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/jwilger/agent-skills --skill design-systemErstellung kollaborativer Designsysteme mithilfe der Atomic Design-Methodik. Erstellt ein Spezifikationsartefakt mit Philosophie, Token und Komponentenhierarchie. Aktivieren Sie diese Option, wenn Sie ein Designsystem erstellen, die visuelle Sprache definieren, UI-Tokens angeben oder die Komponentenarchitektur planen, bevor mit der Implementierung begonnen wird. Quelle: jwilger/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/jwilger/agent-skills --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/jwilger/agent-skills