ドキュメントGitHub / AIビルダー対応AIビルダー
対応AIビルダー
AIツールでフロントエンドを作ってGitHubにプッシュすれば、transjtがHubSpotまたはWordPressのテーマに変換します。
対応ツール
transjtが現在テストし、対応しているツール：
Lovable / v0 / bolt.new / Claude Code / Figma Make / builder.io / Replit / rocket.new / Base44 / ChatGPT / Codex
各ツールには、transjt.aiに手順を解説したページがあります。たとえばLovableからHubSpotへやClaude CodeからHubSpotへです。
お使いのツールが一覧にない場合は？ほかのAIビルダーでも動作します。transjtが読み取れるコードをツールが作るよう、プロンプトに次の指示を追加してください。
プロンプトのルールは1つ
最良の結果を得るには、AIへのプロンプトに1行追加します。v0、bolt.new、Claude Code、Replitの場合：
Lovableとその他すべてのツールの場合：
transjtが読み取るのは、ブラウザで動くフロントエンドです。つまり、ViteでビルドしたReactアプリ、またはビルド時にすべてのページをHTMLにレンダリングするNext.jsの静的エクスポートです。サーバーサイドレンダリングや、APIルートなどのバックエンドのコードは、きれいに変換できません。
プロンプトはお任せ：Webサイトプロンプトジェネレーター
プロンプトを自分で書きたくない場合は、無料のWebサイトプロンプトジェネレーターが、いくつかの簡単な回答から、Lovable、v0、bolt.new、Claude Code向けの完全なプロンプトを作ります。ビルダーに合った技術スタックの指示もあらかじめ含まれ、プロンプトはメールで届きます。
使い方
- AIツールでサイトを作ります。
- コードをGitHubリポジトリにプッシュします。
- transjtでプロジェクトを作成し、SourceステップでSourceを選んで、Continue with GitHubをクリックします。
- リポジトリとブランチを選択します。transjtがコードを取り込み、フロントエンドを構築します。
- すべてのページをプレビューしてから、HubSpotまたはWordPressへエクスポートします。
得られるもの
- コードではなく、コンテンツ。すべてのセクションが、実際のコンテンツフィールドを持つGutenbergブロックまたはHubSpotモジュールになるので、誰でもページを壊さずに見出しを変更できます。
- 送信できるフォーム。フォームは、動作するContact Form 7またはHubSpotのフォームとして出力されます。
- 本物のブログ。投稿ページ、一覧、タグ、ページ送り、フィルター。CMSで投稿を書くと、デザインどおりに表示されます。
- 自動で更新されるメニュー。ヘッダーはWordPressのメニューまたはHubSpotのナビゲーションに連動します。CMSでページを追加すると、テーマを編集しなくてもメニューに表示されます。
- サイト全体。すべてのページとそのコンテンツを、HubSpotまたはWordPressにマッピングします。