概要
This skill automates the transition from visual inspiration to implementation by analyzing UI screenshots and codifying their style into a structured design system. It guides users through a four-phase workflow: visual analysis, high-level style guide generation, scaffolding a React/Tailwind showcase application, and final codification into a machine-readable JSON format. By establishing a 'source of truth' for design tokens and component recipes, it ensures that all future UI generated by Claude Code remains visually consistent and brand-aligned.
