Design System Analyzer Chrome Extension
Role
Creator/Developer
Measuring design system adoption in production—with a single click
The entire extension—from concept to working prototype—was built using conversational prompting, DOM analysis, and Chrome Manifest V3.
Tech stack
Claude Code
Playwright MCP
Technical Approach & Impact
Core Capabilities:
Real-time Material UI component detection and counting
Version identification for design system tracking
Component usage breakdown showing adoption patterns
Development Innovation:
Built entirely through AI-assisted "vibe coding"