Make Real - Transformer des dessins en logiciels fonctionnels

• Prototype dévoilé par le créateur de l’application de tableau blanc collaboratif tldraw
• Convertit, à l’aide de l’IA, des images de logiciels dessinées par l’utilisateur en véritable code web Tailwind CSS et JavaScript fonctionnel
• Utilise l’API GPT-4 Vision d’OpenAI pour interpréter visuellement des dessins vectoriels, reproduire des interfaces utilisateur ou créer de petits jeux
• Si l’on ajoute en langage naturel, avec le dessin, la manière dont cela doit fonctionner, l’outil le comprend et le fait fonctionner
• Le code est également publié sur GitHub (il faut saisir sa propre clé OpenAI)

[kuroneko]

Ça marche... vraiment ?
Je pensais bien qu'avec l'arrivée de la Vision API, quelque chose d'amusant allait en sortir, mais c'est impressionnant.

[bigtallee]

C'est impressionnant....

[xguru]

Dépôt de code : https://github.com/tldraw/draw-a-ui

[xguru]

Exemples réalisés par des utilisateurs

• Créer un slider fonctionnel : https://twitter.com/multikev/status/1724908185361011108
• Jeu de morpion : https://twitter.com/multikev/status/1724925816381792661
• Casse-briques (Breakout) : https://twitter.com/andreasklinger/status/1725213534806794285
• Snake : https://twitter.com/awwstn/status/1725250076560568668
• Pong : https://twitter.com/kenschumacherr/status/1725172202830438680