skills.rest
ggazzo
ggazzoCOMMUNITY
Explore all skills by this author →
GitHub

reversa-visor

Extract components, layouts, navigation flows, and screen states from system screenshots.

Updated May 8, 2025
Search Tags:#legacy systems#screenshot analysis#system documentation#interface analysis#interface documentation
One-click install
npx skills add https://github.com/ggazzo/brewpilot --skill reversa-visor-ggazzo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reversa-visor
Source: https://github.com/ggazzo/brewpilot/tree/main/.agents/skills/reversa-visor
Command: npx skills add https://github.com/ggazzo/brewpilot --skill reversa-visor-ggazzo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the documentation of legacy system interfaces by analyzing screenshots, extracting components, layouts, navigation flows, and screen states. It is invaluable when screenshots are available without the need for the system to be running.

Core Features & Use Cases

  • Screenshot Analysis: Extracts components, layouts, navigation flows, and screen states from system screenshots.
  • Compatibility: Supports Claude Code, Codex, Cursor, Gemini CLI, and other compatible agents that require image support in models.
  • Use Case: If you have screenshots of a legacy system's interface and need to document it, this Skill can help you create a comprehensive documentation without running the system.

Quick Start

Document the legacy system interface using screenshots. Send the screenshots of the system's screens to the Skill.

Frequently Asked Questions about reversa-visor

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

FAQPage Schema
How do I document legacy system interfaces from screenshots?▼

To document legacy system interfaces from screenshots, you send the images to an AI agent with image support, which then extracts components, layouts, navigation flows, and screen states to build comprehensive interface documentation.

Can I extract navigation flows and screen states from system documentation screenshots?▼

Yes, you can extract navigation flows and screen states from screenshots using a custom analysis framework. It identifies interface components and layouts directly from images to build complete documentation of screen states.

Do I need image support in my AI model to analyze legacy system screenshots?▼

Yes, you need image support in your AI model to analyze legacy system screenshots. The extraction of interface components and layouts relies on the model's ability to process and interpret the provided screenshot images.

Does screenshot analysis for system documentation work with Claude Code and Cursor?▼

Yes, screenshot analysis for system documentation works with Claude Code, Codex, Cursor, and Gemini CLI. It supports multiple compatible agents that have built-in image processing capabilities to evaluate interface details.

What is the best way to document a legacy system without live access?▼

The best way to document a legacy system without live access is through screenshot analysis. This approach extracts components, layouts, and navigation flows directly from interface images, completely bypassing the need for a running environment.

Related Skills

Explore More Design & Creative Skills→
Marcu-LoretoMarcu-Loreto

reversa-visor

Extract components, layouts, navigation flows, and screen states from screenshots.

Community
Advanced
luisgustavooliveiraluisgustavooliveira

reversa-visor

Extract components, navigation flows, and screen states from screenshots.

Community
Advanced
791994545791994545
4

product-analysis

Automate parallel product analysis of software applications using Claude Code and Codex CLI.

Community
Advanced
hschnehschne
1

browser

Control Chromium browsers via Playwright and Chrome DevTools MCP backends.

Community
Intermediate