reversa-visor

Extract screens, elements, navigation flows, and states from UI screenshots.

1|Updated Dec 20, 2025
One-click install
npx skills add https://github.com/Rdinda/FMA_Pontos --skill reversa-visor-rdinda
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: reversa-visor
Source: https://github.com/Rdinda/FMA_Pontos/tree/main/.agents/skills/reversa-visor
Command: npx skills add https://github.com/Rdinda/FMA_Pontos --skill reversa-visor-rdinda

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of not being able to clearly document a system’s UI when you only have screenshots, making it hard to recover navigation, components, and screen states without running the legacy application.

Core Features & Use Cases

  • Screen inventory from images: Identify each screen’s purpose, usage context, and state (loading, empty, filled, error, confirmation).
  • UI element extraction: Capture forms (fields and validations), tables/listings (columns, actions, filters), navigation (menus, submenus, links), and feedback (toasts, modals, tooltips).
  • Navigation and state mapping: Map flows between screens, distinguish main/alternative paths, and assign each screen to an appropriate documentation unit based on granularity and provided configuration.

Quick Start

Send screenshots of the system screens you want documented for the skill reversa-visor to extract UI structure, screen states, navigation flows, and unit mappings.

Frequently Asked Questions about reversa-visor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I document a legacy system UI when I only have screenshots and no runtime access?

You can document a legacy system UI from screenshots by extracting screens, elements, navigation flows, and screen states without needing to execute the application. This process maps each screen to a specific documentation unit based on your configuration.

What is the best way to map navigation flows for a legacy app using static images?

Mapping navigation flows from static images requires identifying links, menus, and submenus to distinguish main and alternative paths between screens. It assigns each screen to an appropriate documentation unit based on the configured mapping granularity.

Can I extract form fields and validations from screenshots for UI documentation?

Yes, you can extract form fields and validations from screenshots for UI documentation. The process captures forms, table columns, actions, filters, and feedback elements like toasts, modals, and tooltips directly from the provided images.

Does generating a UX inventory from screenshots require reading any specific configuration?

Generating a UX inventory from screenshots requires reading Reversa configuration and state to determine the output folder and mapping granularity. This configuration ensures screenshots and specs are organized into proper global UI inventory outputs.

What are the limitations of documenting screen states using only screenshots instead of a live runtime?

Documenting screen states using only screenshots limits you to the visual evidence provided in the images. You cannot dynamically trigger loading, empty, error, or confirmation states, meaning you must rely entirely on the states captured in the supplied screenshots.