What problem does it solve? Reverse-engineering a legacy system's UI is hard when the system cannot be run or its source is unavailable. This Skill turns user-provided screenshots into structured interface documentation without requiring the system to be running. ## Core Features & Use Cases - Screen Inventory: Catalogs each screenshot with its purpose, state (loading, empty, filled, error), and usage context. - UI Element Extraction: Documents forms, tables, navigation menus, and feedback elements (modals, messages, tooltips) per screen. - Navigation Flow Mapping: Produces a Mermaid diagram of navigation flows across screens and maps each screen to a spec unit based on configurable granularity (module, endpoint, use-case, feature, hybrid, custom). - Use Case: A team modernizing a legacy application sends screenshots of the main screens; the Skill generates per-unit screens.md specs, a global inventory.md, and a flow.md navigation diagram for the reverse-engineering documentation set. ## Quick Start Send screenshots of the legacy system's main screens and ask the agent to document the interface, mapping each screen to its specification unit.
