inspect
Scan for focus rings, clipped dropdowns, z-index crimes—then real Chromium screenshots on mobile/desktop to catch.
What does this skill do?
Use when the user wants to scan for design anti-patterns, take a browser screenshot, or do a design engineering code review. Covers: missing focus rings, clipped dropdowns, bad z-index, placeholder-as-label, missing reduced-motion (detect); real Chromium screenshots, mobile/desktop viewports, visual bug fixing (preview); motion crimes, accessibility violations, forbidden CSS patterns, token misuse
Why is it worth installing?
Others just lint; this one drives real Chromium, screenshots both viewports, and turns motion/overlay bugs into visual proof.
How do you install it?
git clone --depth 1 https://github.com/MariusYvard/NullToHero.git Then point your agent at the skill directory.
Where does it come from?
Repository: MariusYvard/NullToHero 41 stars on GitHub at the time of listing. The repository ships 1 skills in total. Homepage: https://nulltohero.netlify.app/