What problem does it solve? Reverse-engineering a legacy system's UI normally requires running the application and manually inspecting every screen. This Skill documents the interface directly from user-provided screenshots, producing structured specs without needing 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: Identifies forms, tables, navigation menus, and feedback elements (modals, alerts, confirmations) from images. - Navigation Flow Mapping: Builds a Mermaid diagram of navigation flows across screens and maps each screen to a specification unit based on configurable granularity (module, endpoint, use-case, feature, or custom). - Use Case: A team modernizing a legacy system sends screenshots of the main screens; the Skill produces 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 from these images.
