SketchSloth verwandelt handgezeichnete Wireframes offline in React- und Tailwind-Code
SketchSloth ist eine lokale Desktop-Anwendung, die per Llama 3.2-Vision handschriftliche Wireframes direkt in funktionsfähigen, responsiven React- und Tailwind-TSX-Code übersetzt. Das Ergebnis der Hacktoberfest AI Challenge kommt ganz ohne CSS-Boilerplate und Cloud-Dienste aus.
Hacktoberfest Open-Source AI Challenge Woche 3: Slow and Steady 🦥
Dies ist ein Beitrag für die Hacktoberfest Open-Source AI Challenge Woche 3: Slow and Steady
SketchSloth ist eine offline funktionierende, KI-gestützte Desktop-Anwendung, die handgezeichnete Wireframes direkt in funktionsfähigen, responsiven React- und Tailwind-TSX-Code übersetzt. Sie agiert als strikter Image-to-Code-Compiler und erübrigt das manuelle Aufsetzen von Frontend-Layouts. Jeder, der UI-Ideen auf Papier skizziert, kann sich so die lästige Phase mit CSS-Boilerplate ersparen und direkt mit Logik und Feinschliff starten.
Die Live-Bereitstellung kannst du hier ausprobieren: https://sketch-sloth.vercel.app/
Ein deterministischer Image-to-Code-Compiler für handgezeichnete UI-Skizzen. Gebaut mit Next.js 16 (Turbopack), Tailwind CSS, Lucide Icons, React-Live und lokalen Vision-Modellen über Ollama.
SketchSloth kompiliert Skizzen auf Zetteln und Whiteboard-Diagramme direkt in funktionsfähige, responsive und kompilierbare Next.js-TSX-Komponenten.
Automatisch übersetzt. Das Original auf Englisch ist unten aufklappbar.
Original (Englisch) anzeigen
Hacktoberfest Open-Source AI Challenge Week 3: Slow and Steady 🦥
This is a submission for the Hacktoberfest Open-Source AI Challenge Week 3: Slow and Steady
SketchSloth is an offline, AI-powered desktop application that translates hand-drawn wireframes directly into functional, responsive React and Tailwind TSX code. It acts as a strict Image-to-Code compiler, eliminating the need to manually scaffold frontend layouts. Anyone who sketches UI ideas on paper gets to skip the tedious CSS boilerplate phase and jump straight into logic and refinement.
You can try out the live deployment here: https://sketch-sloth.vercel.app/
Deterministic Image-to-Code Compiler for Hand-Drawn UI Sketches. Built with Next.js 16 (Turbopack), Tailwind CSS, Lucide Icons, React-Live, and Local Vision Models via Ollama.
SketchSloth compiles napkin wireframes and whiteboard diagrams directly into functional, responsive, and compilable Next.js TSX components.