← Entdecken
Entdecken · GitHub · Screenshot to Code↑ +309 heute

Wandeln Sie Screenshots in funktionierenden Code um

Screenshot-to-Code ist ein Softwaretool, das Screenshot-Dateien analysiert und sie in sauberen HTML-, Tailwind-, React- oder Vue-Code umwandelt. Es ermöglicht Entwicklern, Schnittstellendesigns schnell in funktionierende Codeausschnitte zu übersetzen.

Was es bringt

  • Übersetzt Screenshots und Designdateien in sauberen HTML- oder React-Code
  • Verwandelt Website-Aufzeichnungen in funktionale Prototypen
  • Tailwind unterstützt CSS und verschiedene gängige Schnittstellenbibliotheken

Installation

Schnelle Installation mit Docker
echo "OPENAI_API_KEY=sk-your-key" > .env
docker-compose up -d --build
Starten der Schnittstelle
cd frontend
pnpm install
pnpm dev

Wenn Sie nicht programmieren

🤖 Fügen Sie dies in Ihren Agenten ein (Claude Code · Codex · Antigravity)

Analysieren Sie den Screenshot und erstellen Sie eine saubere und funktionale Codestruktur, die das Design im Bild genau widerspiegelt. Bereiten Sie die Ausgabe im HTML- oder React-Format mit Tailwind CSS vor. Extrahieren Sie die echten Logos und Assets im Bild und fügen Sie sie in den Code ein, um alle Elemente des Designs responsiv zu codieren.

Verwandte Begriffe aus dem Glossar

Code SnippetsArtificial Intelligence
Für wen es gedacht istEs eignet sich für Designer und Softwareentwickler, die Schnittstellendesigns schnell in funktionierende Codeblöcke umwandeln möchten.
LizenzMIT

Links

TreScout hat dieses Werkzeug nicht entwickelt · wir haben es in den GitHub-Trends gefunden und stellen es vor. Diese Seite beschreibt das Repository so, wie es am 2026-08-28 war: Die Anzahl der Sterne und unser Text stammen von diesem Tag, das Repository kann sich seitdem geändert haben. Den aktuellen Stand finden Sie über den Link zum Repository. Diese Seite wurde maschinell übersetzt aus dem türkischen Original · maßgeblich ist die türkische Fassung.