screenshot-to-code

Screenshot to Code est un outil open-source qui transforme les captures d'écran, maquettes, designs Figma et enregistrements d'écran en code front-end propre et fonctionnel. Il utilise des modèles d'IA tels que Gemini, GPT et Claude pour générer des répliques précises à partir d'entrées visuelles. Les stacks de sortie pris en charge incluent HTML + Tailwind, HTML + CSS, React + Tailwind, Vue + Tailwind, Bootstrap et Ionic + Tailwind. L'outil prend également en charge la conversion d'enregistrements d'écran de sites web en prototypes fonctionnels, pas seulement des images statiques. Les fonctionnalités liées aux images alimentées par Replicate incluent l'extraction d'actifs (réutilisation de vrais logos et images à partir de la capture d'écran source), la génération d'images, la suppression d'arrière-plan et l'édition d'images. Une fonctionnalité d'aperçu de capture d'écran rend les pages générées dans un navigateur headless pour une vérification visuelle automatique. Le projet est composé d'un frontend React/Vite et d'un backend FastAPI. Il peut être exécuté localement avec des clés API d'au moins un fournisseur (OpenAI, Anthropic ou Gemini), ou déployé via Docker. Les clés Gemini et Replicate sont fortement recommandées pour une meilleure précision et un support complet des fonctionnalités. Options d'utilisation : - Hébergé sur screenshottocode.com pour une utilisation rapide sans installation. - Auto-hébergé localement pour la personnalisation, la contribution ou le déploiement privé.