本物のコードを書くAI、その上で動くビジュアルエディター、その下にあるコードエディター、そしてアプリを動かすのに必要なものすべて。そのひとつひとつを紹介します。
AIチャット
説明するだけ。できあがる様子を見守れます。
AIがアプリを計画し、すべてのファイルを目の前で書いていきます。その横でプレビューが読み込まれます。
- ページ、ログイン、データベース、決済
- ファイルの編集をすべて表示
ビジュアルエディター
どこでもクリック。手で直せます。
ダブルクリックでテキストを書き換え。レイアウト、文字、色、余白はスタイルパネルにあります。
- プロンプトなし、クレジット消費なし
- コードに書き戻し
レイヤー
構造を確認して、ドラッグで並べ替え。
ページを実際のコンポーネント単位で表示。新しい場所にドラッグすると、コードも並べ替えられます。
- 実際のコンポーネント名
- コードは常に同期
コードエディター有料プラン
その下には、いつも本物のコード。
スイッチを切り替えれば、そこにコードがあります。編集、エクスポート、GitHubとの同期ができます。
- GitHubとの双方向同期
- フルエクスポート、ロックインなし
コード表示オン
データ
データベースを、エディターの中に。
データベース、ログイン、ファイルストレージを搭載。サイトに必要になった時点でAIが追加します。Supabase、Postgres、MySQL、MongoDB、Google Sheetsにも接続できます。
- データベースとログインを搭載
- CMS搭載
- データについて質問
コネクタ
普段使っているツールをつなぐ。
アカウントを一度つなげば、すべてのプロジェクトで使えます。
