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
更新于 1/9/2026
星标
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