XINGANLIU/design-system-generator-skill
Command Claude Code
Command "design-system" from XINGANLIU/design-system-generator-skill, covering design system generator — claude code command, usage: /design-system [font-family] [style] and example: /design-system #6366f1 "outfit" rounded.
XINGANLIU/design-system-generator-skill
Cursor rule Cursor
Cursor rule "cursorrules" from XINGANLIU/design-system-generator-skill, covering design system generator — cursor rules and it loads the core skill.md instructions and references.
XINGANLIU/design-system-generator-skill
Instructions file CodexOpenCode
AGENTS.md instructions for XINGANLIU/design-system-generator-skill, covering design system generator — agent instructions, https://github.com/xinganliu/design-system-generator-skill, skill: design system generator, quick reference and reference documents.
XINGANLIU/design-system-generator-skill
Skill Claude CodeCodex
Generate a complete, production-ready design system from a single brand color. Outputs OKLCH color palettes, W3C Design Tokens (JSON), CSS custom properties, component styles (Button, Card, Input, Badge, Alert, Modal, etc.), and a live preview HTML page with Light/Dark theme toggle. Trigger this skill when the user…