Keep every screen inside one visual system so a fix in one place fixes it everywhere. Tokens, one component per pattern with full states, stable sizes, one icon set, close controls on every overlay, and fixes in the system. Use for any UI change on web, mobile, or desktop: building or editing components, screens, themes, tokens, icons, toasts, modals, or sheets, and when matching a design file.
Install
npx skills add skrrt-sh/skills --skill design-systemnpx skills add skrrt-sh/skills --skill design-system -a claude-code -gnpx skills add skrrt-sh/skills --skill design-system -a codex -ggemini skills install https://github.com/skrrt-sh/skills.git --path skills/ui/design-systemgh skill install skrrt-sh/skills design-systemgit clone --depth 1 https://github.com/skrrt-sh/skills /tmp/skrrt-sh__skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/skrrt-sh__skills/skills/ui/design-system ~/.claude/skills/design-system # Claude Code
cp -R /tmp/skrrt-sh__skills/skills/ui/design-system ~/.agents/skills/design-system # Codex, Cursor, Gemini CLI, Copilot, OpenCode