Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into design-tokens.json and CSS custom properties with DESIGN.md rationale and an interactive HTML preview, score the UI across 10 dimensions, and flag AI-slop patterns.
Install
npx skills add affaan-m/ECC --skill design-systemnpx skills add affaan-m/ECC --skill design-system -a claude-code -gnpx skills add affaan-m/ECC --skill design-system -a codex -ggemini skills install https://github.com/affaan-m/ECC.git --path docs/zh-CN/skills/design-systemgh skill install affaan-m/ECC design-systemgit clone --depth 1 https://github.com/affaan-m/ECC /tmp/affaan-m__ECC
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/affaan-m__ECC/docs/zh-CN/skills/design-system ~/.claude/skills/design-system # Claude Code
cp -R /tmp/affaan-m__ECC/docs/zh-CN/skills/design-system ~/.agents/skills/design-system # Codex, Cursor, Gemini CLI, Copilot, OpenCode