skills.rest
Pabloprogramador23
Pabloprogramador23COMMUNITY
Explore all skills by this author →
GitHub

reversa-visor

Document interfaces from screenshots of legacy systems into structured descriptions.

Updated Jun 6, 2026
Search Tags:#screenshots#document#design-review#ui-documentation#interface-analysis#legacy-system
One-click install
npx skills add https://github.com/Pabloprogramador23/loja --skill reversa-visor-pabloprogramador23
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reversa-visor
Source: https://github.com/Pabloprogramador23/loja/tree/main/.agents/skills/reversa-visor
Command: npx skills add https://github.com/Pabloprogramador23/loja --skill reversa-visor-pabloprogramador23

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Documenta a interface a partir de screenshots de sistemas legados, extraindo componentes, layouts, fluxos de navegação e estados de tela para gerar uma documentação reutilizável.

Core Features & Use Cases

  • Documentação baseada em snapshots: transforma capturas de tela em elementos de interface estruturados e mapas de fluxo.
  • Suporte a sistemas não em execução: gera documentação sem precisar executar o sistema.
  • Saídas reutilizáveis: produz um spec de design consistente para auditorias, redesigns ou handoff para engenharia.

Quick Start

Forneça um conjunto de capturas de tela e o reversa gerará a documentação da interface em formato estruturado.

Frequently Asked Questions about reversa-visor

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

FAQPage Schema
How do I document UI from screenshots without running the legacy system?▼

UI documentation from screenshots captures components, layouts, and navigation flows by analyzing static image captures of legacy systems, generating a structured design spec without needing to execute the application.

Can I generate UI documentation for legacy systems using only screenshots?▼

Yes, UI documentation for legacy systems can be generated using only screenshots. The process extracts interface components and navigation flows directly from image captures without requiring the system to run.

How do I extract interface components and navigation flows from existing screenshots?▼

To extract interface components and navigation flows from screenshots, provide the image set to an image-capable agent. It analyzes the captures and outputs a structured description of components, layouts, and screen states.

Does UI documentation from screenshots work with image-capable agents like Claude Code or Cursor?▼

Yes, UI documentation from screenshots works with image-capable agents like Claude Code, Codex, Cursor, and Gemini CLI. These agents analyze image captures and output a structured design spec compatible with the reversa framework.

What is the best way to create a design spec for redesigns from legacy system captures?▼

The best way to create a design spec for redesigns from legacy system captures is to use screenshots to generate a structured description of interface components and layouts. This produces a consistent spec for engineering handoff or audits.

What are the limitations of documenting interfaces from screenshots without running the application?▼

A limitation of documenting interfaces from screenshots without running the application is that the output relies solely on static visual data. It captures only the states and flows visible in the provided image captures rather than dynamic interactions.

Related Skills

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

reversa-visor

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

Community
Advanced
traylinxtraylinx
2

vision-expert

Analyze images and screenshots to extract layout patterns, UI components, and diagrams.

Official
Advanced
Markson22Markson22

reversa-visor

Extract UI components, layouts, and navigation flows from screenshots.

Community
Intermediate
hanzlahabibhanzlahabib
2

rcode-browser-verify

Verify live browser behavior and UI state using Chrome DevTools MCP.

Community
Advanced