This skill streamlines the development process by mapping screen IDs to their full technical context within a repository. It automatically cross-references screen lists, Markdown design documents, Figma nodes, and Mermaid transition diagrams to provide a comprehensive view of UI components, user flows, and implementation states. By centralizing information from fragmented sources like CSVs and SVGs, it enables developers to quickly understand requirements, verify design accuracy, and identify implementation gaps for specific application screens.
Key Features
01Automated screen ID lookup across CSV and Markdown documentation
02Static wireframe analysis using SVG asset mapping
03Figma node identification for precise UI inspection
04Transition logic extraction from Mermaid diagrams
050 GitHub stars
06Consolidated reporting of implementation status and pending requirements