ランディングハブ

概要

セットアップウィザードを完了すると、Kaiju Hub AIランディングハブに移動します。これはKaiju Hub AIのすべてのコア機能に一目でアクセスできる中央ダッシュボードです。

プロジェクトハブ

プロジェクトハブは、すべての開発プロジェクトを管理・整理するための中央ワークスペースです。ここから新しいプロジェクトをゼロから作成したり、ローカルマシンから既存のプロジェクトをインポートしたり、GitHubからリポジトリを直接クローンしたりできます。

ワイヤーフレーム

ワイヤーフレームセクションでは、アプリケーションやWebサイトのワイヤーフレームを作成・デザインできます。キャンバスエディターを使って手動でデザインすることも、AIを利用して自動的にワイヤーフレームを生成することもできます。ワイヤーフレームが完成したら、コード生成に直接送信でき、デザインから動作するコードまでシームレスなワークフローで実現できます。

新着情報

新着情報セクションでは、Kaiju Hub AIの最新アップデート、機能、お知らせを確認できます。新しいアップデートが公開されるたびにアラートが届くので、重要な変更を見逃すことはありません。新機能、バグ修正、改善点を把握するために定期的にこちらを確認してください。

ブロックライブラリ

ブロックライブラリはKaiju Hub AIのコンテキストブロックシステムです。APIドキュメント、コードスニペットなどの再利用可能なコンテキストブロックの追加、保存、管理ができます。ブロックを作成・保存して後から利用でき、コード生成のコンテキストとして必要な時にAIに直接送信できます。

サポートされているコンテンツタイプ

React、Solid.js、Vue、Svelte、Angular、HTML、CSS、GLSLシェーダー、Markdown、プレーンテキスト、画像、動画。

グループの作成

ブロックライブラリはブロックをグループに整理します。グループを使用すると、関連するブロックをまとめて分類・管理できます。

ブロックの作成

「新しいブロックを作成」をクリックしてブロッククリエータービューを開きます。ここからコンテンツを追加する3つの方法があります：

AI搭載ブロック作成

AIを使用してブロックを作成する場合、幅広いコンテンツタイプを生成できます。コード以外にも、MediaGenやCompanyUIを使用してローカルで画像を作成したり、動画を生成したりすることもできます。

ブロックの使用

リバースエンジニアリング

リバースエンジニアリングはKaiju Hub AIのバウンディングボックス指向の画像からコード、画像からワイヤーフレームへの変換ツールです。UIの画像をアップロードし、要素の周りにバウンディングボックスを描画または自動検出し、各ボックスに動作を割り当て（例：モーダルを開く、セクションに移動）、注釈付き画像から動作するコードやワイヤーフレームレイアウトを生成します。