home/categories/cms-platforms/nakanosanku-ohmyskills-design-system-analyzer-skill-md
cms-platformsdevelopment

design-system-analyzer

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".

NakanoSanku
maintainer
NakanoSanku
更新于 2026/1/9
星标
158
分支
14
quick start

Installation and usage

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 --globalskills.sh
使用

安装后,您可以通过在终端运行以下命令来使用此技能:

skills use design-system-analyzer