← Découvrir
Découvrir · GitHub · Screenshot to Code↑ +309 aujourd'hui

Transformez des captures d'écran en code fonctionnel

Screenshot-to-code est un outil logiciel qui analyse des fichiers de capture d'écran pour les convertir en code HTML, Tailwind, React ou Vue propre. Il permet aux développeurs de transformer rapidement des conceptions d'interface en extraits de code fonctionnels.

Ce que ça vous apporte

  • Convertit les captures d'écran et les fichiers de conception en code HTML ou React propre
  • Transforme les enregistrements de sites web en prototypes fonctionnels
  • Prend en charge Tailwind CSS et diverses bibliothèques d'interface populaires

Installation

Installation rapide avec Docker
echo "OPENAI_API_KEY=sk-your-key" > .env
docker-compose up -d --build
Démarrage de l'interface
cd frontend
pnpm install
pnpm dev

Si vous ne codez pas

🤖 Collez ceci dans votre agent (Claude Code · Codex · Antigravity)

Analysez la capture d'écran et créez une structure de code propre et fonctionnelle qui reflète exactement le design de l'image. Préparez la sortie au format HTML ou React en utilisant Tailwind CSS. Extrayez les logos et les ressources réels de l'image pour les inclure dans le code, et codez tous les éléments du design de manière réactive (responsive).

Termes liés du glossaire

Code SnippetsArtificial Intelligence
Pour quiConvient aux concepteurs et aux développeurs qui souhaitent transformer rapidement des conceptions d'interface en extraits de code fonctionnels.
LicenceMIT

Liens

TreScout n'a pas développé cet outil · nous l'avons repéré dans les tendances GitHub et présenté. Cette page décrit le dépôt tel qu'il était le 2026-08-28 : Le nombre d'étoiles et notre texte datent de ce jour, le dépôt a pu changer depuis. Consultez le lien du dépôt pour l'état actuel. Cette page a été traduite automatiquement depuis l’original turc · la version turque fait foi.