KitScout

Categories › Media & Design › Design tools (Figma, Canva...)

design-system-analyzer

SkillInstall · skills CLI

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

KitScout test notes

Not tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.

Similar tools

  • algorithmic-art 194,218 ★
    Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this wh
  • brand-guidelines 194,218 ★
    Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having
  • canvas-design 194,218 ★
    Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when
  • theme-factory 194,218 ★
    Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing page
  • design-is 116,897 ★
    Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for