claude

design-system-analyzer

Analyze any website's UI style using ChromeDevTools to extract precise CSS tokens, animations, and interaction states. Generates comprehensive Design System Prompts from live websites.

161 on GitHubupdated 10 months ago
/

Plugin design-system-analyzer from marketplace OhMySkills in NakanoSanku/OhMySkills. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (2)

  • design-style

    Use this skill when the user asks to build, create, design, develop, or improve ANY frontend interface, web page, UI component, or visual element. This includes: - Building landing pages, websites, web apps, dashboards, portfolios, or any web interface - Creating UI components (buttons, forms, cards

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

View source on GitHub

More from NakanoSanku/OhMySkills

All 2 plugins →

design-style

claude

Automatically retrieves design system prompts to create visually distinctive, production-grade frontend code with 30+ specific design styles (Neo-brutalism, Modern Dark, Cyberpunk, Luxury, etc.)

2 skills

161

Maintain design-system-analyzer?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins2 plugins