🎯

design-system-analyzer

🎯Skill

from nakanosanku/ohmyskills

What it does

Analyzes any website's UI style using ChromeDevTools to extract precise CSS tokens, animations, and interaction states, useful for creating design systems from existing websites.

📦

Same repository

nakanosanku/ohmyskills(5 items)

design-system-analyzer

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add nakanosanku/ohmyskills --skill design-system-analyzer

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add nakanosanku/ohmyskills --skill design-system-analyzer

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/design-system-analyzer/SKILL.md

SKILL.md

23Installs

138

Last UpdatedJan 9, 2026

View on GitHub Back to Skills

More from this repository4

🔌

design-system-analyzer🔌Plugin

A collection of Claude Code skills including a design style skill that retrieves design system prompts from designprompts.dev and a design system analyzer that extracts CSS tokens from live websites.

🏪

nakanosanku-ohmyskills🏪Marketplace

A curated collection of Claude Code skills for enhanced development workflows including design system integration and production-grade frontend code generation.

🔌

design-style🔌Plugin

A collection of Claude Code skills including a design style skill that retrieves design system prompts from designprompts.dev and a design system analyzer that extracts CSS tokens from live websites.

🎯

design-style🎯Skill

Skill