概要
The UI Analyzer skill provides a systematic framework for translating visual designs into high-quality code. By breaking down layouts, extracting design tokens like colors and typography, and identifying reusable components, it bridges the gap between static mockups and functional React implementations. This skill ensures that the generated code matches the original design while adhering to modern development best practices for accessibility, responsiveness, and clean component architecture.
