Communitygithub.com

sevzq/screenshot-to-html

Déposez une capture d'écran, récupérez une page HTML pixel-perfect, réellement interactive et cliquable — une compétence d'agent (Cursor / Claude Code / Codex) qui reconstruit les captures d'écran d'interface utilisateur en HTML autonome et vérifié interactif.

Qu'est-ce que screenshot-to-html ?

Cette compétence transforme une capture d'écran d'interface utilisateur en une page HTML autonome, pixel-perfect et interactivement cliquable. Elle est conçue pour les agents d'IA comme Cursor, Claude Code et Codex, afin de reconstruire fidèlement l'apparence et la fonctionnalité d'une interface à partir d'une simple image. L'agent analyse la capture d'écran, génère le code HTML/CSS correspondant, puis vérifie que les éléments sont bien interactifs (liens, boutons, menus déroulants, etc.) avant de produire le résultat final. Utile pour les développeurs qui souhaitent prototyper rapidement, recréer des designs existants ou tester des interfaces sans code manuel.

Compatible avec✓Claude Code✓Codex CLI✓Cursor
npx skills add sevzq/screenshot-to-html

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait screenshot-to-html ?

Déposez une capture d'écran, récupérez une page HTML pixel-perfect, réellement interactive et cliquable — une compétence d'agent (Cursor / Claude Code / Codex) qui reconstruit les captures d'écran d'interface utilisateur en HTML autonome et vérifié interactif.

Skills associés