+49 (0) 7153 9250-0
Konzepte

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

Erweiterungen im Stack

Passende MCPs & Skills

Automatisch aus den Komponenten abgeleitet — jede Extension gehört zu einem Host (z. B. Claude Code oder VS Code) und erscheint hier, wenn dieser Host Teil der Constellation ist. Nichts davon ist an diese Seite gebunden, neue MCPs und Skills tauchen überall auf, wo sie passen.

MCPs · 2

  • MCP
    context-modevia Claude Desktop

    Context-Window-Optimierer für AI-Coding-Agents — 98% weniger Rohdaten im Kontext durch Sandbox-Tools und Session-Continuity.

    Manuelle MCP-Registrierung in der Desktop-Config.

    GitHub ↗
  • MCP
    PAL MCPvia Claude Desktop

    Multi-Modell-Orchestrierung aus Claude Code heraus — Gemini, GPT-5, Grok, Kimi, Ollama & Co. parallel konsultieren. Nice-to-have, sobald du Accounts bei weiteren Providern hast.

    Manuelle MCP-Registrierung in der Desktop-Config.

    GitHub ↗

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.

App
Bild-Modell
Text-Modell
Video-Modell
Flora Creative Canvas
Best Practice
Platzhalter
Design·Bild·Video

Flora Creative Canvas

Eine Canvas statt 50 Tabs — Flora bündelt über 50 Bild-, Video- und Text-KI-Modelle für Kreativ-Teams, die Brand-Assets und Kampagnen schneller entwickeln.

Flora·FLUX 1.1 Pro·GPT-5.4 (xhigh)+1
IDE Vibe CodingBest Practice
Platzhalter
Code·Content

IDE Vibe Coding

Programmieren mit KI direkt im VS-Code-Editor — für Dev-Teams, die ihren Flow behalten wollen, ohne ständigen Tab-Wechsel zwischen ChatGPT und Code.

Claude Code·Visual Studio Code·Opus 4.7
Claude DesignExperimentell
Design·Präsentation·Prototyp

Claude Design

Pitch-Decks, Prototypen und One-Pager im Tour-Online-Look — geschrieben in einem Satz, in Minuten fertig.

Claude Design·Opus 4.7

Dein Feedback

War diese Seite hilfreich?

Zwei Klicks — und das Redaktionsteam weiß, was funktioniert und was fehlt. Optional kannst du einen Satz dazuschreiben.