Acerca de
The Design System Analyzer is a specialized Claude Code skill designed to bridge the gap between inspiration and implementation. It leverages ChromeDevTools to perform a deep technical audit of any website's UI, extracting critical data points like keyframes, transition logic, typography stacks, and color tokens. Instead of relying on context-heavy screenshots, it parses raw CSS to build a high-fidelity design system prompt that developers can use to replicate or extend visual styles while maintaining full accessibility and layout principles. It is particularly effective for reverse-engineering complex motion patterns and maintaining brand consistency across new frontend projects.
