Visual Vibe Coding

v1Legacy

Live-Vorschau von React-Komponenten direkt in Claude Desktop.

Struktur

Wie Visual Vibe Coding zusammenhängt

Beide Personen arbeiten auf einem Klon desselben Repos. CLAUDE.md, Skills und Settings kommen aus dem gemeinsamen Git-Repo — persönliche User-Skills bleiben lokal.

Voraussetzungen

Was du dafür brauchst

Einmal eingerichtet, dann fließt es. Die meisten Bausteine bekommst du firmenweit über deinen Tour-Online-Account.

Software

Claude Desktop
Download ↗

Originaltext aus dem Register

Claude Desktop öffnet ein lokales Projekt. Du beschreibst Komponenten in Prosa, Claude generiert Code und rendert die Vorschau inline in der Chat-Spalte — ohne Context-Wechsel. Version 1 lief auf Opus 4.6.

Verwandte Stacks

Ähnliche Constellations

Andere Stacks mit verwandtem Zweck — nebenan, falls dir dieser nicht ganz passt oder du Varianten vergleichen willst.

Flora Creative Canvas

Best Practice

Platzhalter

Design·Bild·Video

Flora Creative Canvas

Ein Canvas statt 50 Tabs — Flora versammelt über 50 Bild-, Video- und Text-KI-Modelle an einem Ort für Kreativ-Teams, die Brand-Assets und Kampagnen entwickeln.

Flora·FLUX 1.1 Pro·GPT-5.4 (xhigh)+1

Best Practice

Platzhalter

Code·Content

IDE Vibe Coding

Programmieren mit KI direkt im Editor — kein Hin-und-Her mehr zwischen ChatGPT-Tab und Code.

Claude Code·Visual Studio Code·Opus 4.7

Experimentell

⇗ erbt von IDE Vibe Coding

Platzhalter

Code·Content

Privacy Vibe Coding

Gleicher IDE-Workflow — aber 100% offline. Kein Byte verlässt den Laptop.

Gemma 4·Ollama