Analyze any website's UI style using ChromeDevTools to extract precise CSS tokens, animations, and interaction states. Handles complex sites and anti-bot measures by guiding the user. Triggers on "analyze this site", "extract UI style", "create design system from [URL]", or "learn visual style".
Install
npx skills add NakanoSanku/OhMySkills --skill design-system-analyzernpx skills add NakanoSanku/OhMySkills --skill design-system-analyzer -a claude-code -gnpx skills add NakanoSanku/OhMySkills --skill design-system-analyzer -a codex -ggemini skills install https://github.com/NakanoSanku/OhMySkills.git --path design-system-analyzergh skill install NakanoSanku/OhMySkills design-system-analyzergit clone --depth 1 https://github.com/NakanoSanku/OhMySkills /tmp/NakanoSanku__OhMySkills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/NakanoSanku__OhMySkills/design-system-analyzer ~/.claude/skills/design-system-analyzer # Claude Code
cp -R /tmp/NakanoSanku__OhMySkills/design-system-analyzer ~/.agents/skills/design-system-analyzer # Codex, Cursor, Gemini CLI, Copilot, OpenCode