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