Make Real - Zeichnungen in funktionierende Software verwandeln

• Prototyp des Entwicklers der kollaborativen Whiteboard-App tldraw
• Wandelt von Nutzern gezeichnete Softwarebilder mithilfe von AI in tatsächlich lauffähigen Web-Code mit Tailwind CSS und JavaScript um
• Nutzt die GPT-4 Vision API von OpenAI, um Vektorzeichnungen visuell zu interpretieren und Benutzeroberflächen zu reproduzieren oder einfache Spiele zu erstellen
• Wenn man zusammen mit der Zeichnung in natürlicher Sprache beschreibt, wie es funktionieren soll, versteht es das und setzt es um
• Code auch auf GitHub veröffentlicht (eigener OpenAI-Key muss eingetragen werden)

[kuroneko]

Das funktioniert ... tatsächlich?
Ich dachte schon, dass mit der Vision API etwas Interessantes herauskommen würde, aber das ist erstaunlich.

[bigtallee]

Erstaunlich....

[xguru]

Code-Repo: https://github.com/tldraw/draw-a-ui

[xguru]

Beispiele, die Nutzer erstellt haben

• Einen funktionierenden Slider erstellen: https://twitter.com/multikev/status/1724908185361011108
• Tic-Tac-Toe-Spiel: https://twitter.com/multikev/status/1724925816381792661
• Breakout: https://twitter.com/andreasklinger/status/1725213534806794285
• Snakebite: https://twitter.com/awwstn/status/1725250076560568668
• Pong: https://twitter.com/kenschumacherr/status/1725172202830438680