Screenshot to code
Tu prends une photo de n'importe quelle UI, tu obtiens un composant React fonctionnel. Tu apprends comment les vision models lisent les interfaces et comment chaîner avec la génération de code, l'outil qui remplace le handoff design-to-code qui coûte des millions aux entreprises.
01 : Screenshot vers code Prends une photo d'une UI, récupère un composant React qui marche. | Difficulté | Durée | Stack suggéré | |---|---|---| | Facile | 2-4 heures | Node.js, API Anthropic, React | Ce que tu vas builder Un petit outil CLI qui prend une image (photo d'un site, screenshot d'app, export Figma) et renvoie un composant React qui matche le layout. Tu poses l'image, tu lances la commande, tu récupères du JSX prêt à coller dans un projet. Ce que tu vas apprendre Comment les modèles de vision lisent les interfaces, et leurs forces / faiblesses Chaîner un appel vision avec un appel de génération de code pour que l'output soit structuré, pas freestyle Valider du code généré par IA avant de lui faire confiance Le pattern qui remplace le handoff design-to-code, qui coûte des…
Fait partie de 5 AI projects to build in a weekend (batch1) · Retour au pack