Dokumentation GitHub / KI-BuilderUnterstützte KI-Builder

Unterstützte KI-Builder

Bau dein Frontend mit einem KI-Tool, pushe es nach GitHub, und transjt macht daraus ein HubSpot- oder WordPress-Theme.

Unterstützte Tools

transjt testet und unterstützt derzeit:
Lovable / v0 / bolt.new / Claude Code / Figma Make / builder.io / Replit / rocket.new / Base44 / ChatGPT / Codex

Für jedes Tool gibt es auf transjt.ai eine Schritt-für-Schritt-Seite, zum Beispiel Lovable zu HubSpot oder Claude Code zu HubSpot.

Dein Tool steht nicht auf der Liste? Andere KI-Builder funktionieren auch. Ergänze deinen Prompt um diese Anweisung, damit das Tool Code erzeugt, den transjt lesen kann:

Verwende React/Vite ohne Next.js und SSR.

Die eine Prompt-Regel

Für das beste Ergebnis ergänzt du deinen KI-Prompt um eine Zeile. Bei v0, bolt.new, Claude Code oder Replit:

Verwende Next.js als statischen Export (output: 'export'), ohne serverseitiges Rendering, API-Routen oder Server Actions.

Bei Lovable und allen anderen Tools:

Verwende React/Vite ohne Next.js und SSR.

transjt liest ein Frontend, das im Browser läuft: eine mit Vite gebaute React-App oder einen statischen Next.js-Export, der jede Seite beim Build in HTML rendert. Serverseitiges Rendering und Backend-Code wie API-Routen lassen sich nicht sauber konvertieren.

Wir schreiben den Prompt für dich: Website-Prompt-Generator

Du willst den Prompt nicht selbst schreiben? Der kostenlose Website-Prompt-Generator macht aus ein paar einfachen Antworten einen vollständigen Prompt für Lovable, v0, bolt.new oder Claude Code. Die passende Stack-Anweisung für deinen Builder ist schon enthalten, und der Prompt landet in deinem Postfach.

Website-Prompt-Generator öffnen →

So funktioniert es

Bau deine Website im KI-Tool.
Pushe den Code in ein GitHub-Repository.
Erstelle in transjt ein Projekt, wähle GitHub im Schritt Source und klicke auf Continue with GitHub.
Wähle Repository und Branch. transjt importiert den Code und baut das Frontend.
Sieh dir jede Seite in der Vorschau an und exportiere dann nach HubSpot oder WordPress.

The Source of the Project step in transjt with Figma Design and GitHub as options, GitHub selected, and the Continue with GitHub button — Der Schritt Source: Wähle GitHub und klicke auf Continue with GitHub. Import und Vorschau sind kostenlos; du zahlst beim Export.

Was du bekommst

Inhalte statt Code. Jeder Abschnitt wird zu einem Gutenberg-Block oder einem HubSpot-Modul mit echten Inhaltsfeldern, sodass jeder eine Überschrift ändern kann, ohne die Seite kaputtzumachen.
Formulare, die wirklich senden. Aus deinen Formularen werden funktionierende Formulare in Contact Form 7 oder HubSpot.
Ein echter Blog. Beitragsseiten, Übersichten, Tags, Paginierung und Filter. Schreib einen Beitrag im CMS, und er erscheint in deinem Design.
Menüs, die sich selbst aktualisieren. Der Header folgt deinem WordPress-Menü oder deiner HubSpot-Navigation. Füge im CMS eine Seite hinzu, und sie erscheint im Menü, ohne dass du das Theme bearbeitest.
Die komplette Website. Alle Seiten und ihre Inhalte werden in HubSpot oder WordPress abgebildet.

Eine per Vibe Coding gebaute Website nach dem Export im HubSpot-Seiteneditor