Communitygithub.com

sevzq/screenshot-to-html

Envie uma captura de tela e receba uma página HTML fiel aos pixels e realmente clicável — uma habilidade de agente (Cursor / Claude Code / Codex) que reconstrói capturas de tela de UI em HTML autossuficiente e verificado como interativo.

O que é screenshot-to-html?

Esta habilidade de agente permite que você transforme capturas de tela de interfaces de usuário em páginas HTML completas, interativas e fiéis aos pixels. Ao receber uma imagem de screenshot, ela analisa o layout visual, identifica elementos como botões, campos de texto, links e imagens, e gera o código HTML, CSS e JavaScript correspondente. O resultado é uma página web autossuficiente (sem dependências externas) que replica o design original e é efetivamente clicável. A habilidade funciona com agentes como Cursor, Claude Code e Codex, sendo especialmente útil para desenvolvedores que desejam prototipar rapidamente uma interface a partir de um mockup ou reproduzir um design existente com alta fidelidade. Durante a execução, o agente pode refinar o código com base em verificações visuais e de funcionalidade, garantindo que o resultado seja o mais próximo possível do original.

Funciona com✓Claude Code✓Codex CLI✓Cursor
npx skills add sevzq/screenshot-to-html

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que screenshot-to-html faz?

Envie uma captura de tela e receba uma página HTML fiel aos pixels e realmente clicável — uma habilidade de agente (Cursor / Claude Code / Codex) que reconstrói capturas de tela de UI em HTML autossuficiente e verificado como interativo.

Habilidades Relacionadas