クイックスタート
元のハイパーリンクを復元したクイックスタートガイド
Atoms へようこそ！このガイドでは、プロンプトを公開済みの Web アプリケーションに変えるための中核となる概念、チーム構成、そして段階的なワークフローをご案内します。
Atoms とは？
Atoms は、自然言語を使って誰でも Web サイト、Web アプリ、データプロジェクトを構築できるよう支援する、専門特化した AI エージェントによる協働チームを提供します。AI チームメイトは、標準化されたプロトコルのもとで連携し、プロジェクトの計画、構築、改善を進めます。
AI チームメイトの紹介
- Mike (Team Leader): タスク配分とプロジェクト全体の実行を調整します。
- Emma (Product Manager): 要件を分析し、市場調査を行います。
- Bob (Architect): システムアーキテクチャと技術仕様を設計します。
- Alex (Engineer): コードを記述し、コンポーネントを構築し、アプリケーションをデプロイします。
- David (Data Analyst): データセットを処理し、視覚的なチャートを作成します。
- Iris (Deep Researcher): Web 上の情報を収集し、分析レポートをまとめます。
- Sarah (SEO Specialist): 検索での可視性を高めるために、多言語 SEO 最適化を生成します。
ワークフローとモード
複雑な作業にはチーム全体が必要なこともあれば、1 人の専門家だけで十分なこともあります。さまざまなモードから選択 することもでき、チームモード、エンジニアモード、レースモード、ディープリサーチモードが含まれます。
始めるための 3 つの方法
- Raw Prompt: 生のプロンプトから始めるか、先に磨き上げてクレジットを節約できます。
- Remix Existing Projects: App ワールド の既存プロジェクトを リミックス して始めます。
編集と改善
プレビュー、バグ修正、コード編集、ビジュアル要素の変更、参考資料の追加まで、すべてを 1 か所で行えます。
- Preview: モバイルと PC の両方のモードで、表示 して作業内容を確認できます。
- Change Visual Elements: App ビューアー ページでビジュアル要素を編集できます。手動で調整することも、エージェントに期待する内容を伝えて相談することもできます。
- Add References: 参考にしたいインスピレーションがありますか？エージェント用の参考資料として、アップロード するだけです。
- Fix Bugs: Fix Bug をクリックすると、エージェントがバグを修正します。
さらに詳しい手順については、App Viewer を参照してください。
連携の接続
Atoms がフロントエンドページを準備したら、App ストレージ、シークレット管理、追加のバックエンド機能（ユーザーへのウェルカムメール送信、AI サービスの呼び出し、オンライン決済の処理など）のために、Atoms クラウド を使用するか、Supabase と連携できます。
Supabase を接続する基本手順
- Step 1: Settings に移動し、Connectors を開き、Supabase を見つけて Connect をクリックし、認証を開始します。
- Step 2: ポップアップウィンドウから Supabase アカウントにサインインします（アカウントがない場合はサインアップします）。
- Step 3: Authorize Atoms をクリックします。
- Step 4: 既存の Supabase プロジェクトを選択するか、Add New One をクリックして新しい組織をすぐに作成します。
完全な連携手順については、Supabase 連携 をご覧ください。
公開と共有
- Publish: 右上の Publish ボタンをクリックして、プロジェクトを 公開 します。
- Share: 右上の Share ボタンをクリックして、App ワールド やソーシャルメディアで Atoms Agents を使った構築方法を共有します。
これで、AI エージェントとのさらなるコラボレーション方法を探る準備が整いました。あなたが何を作り出すのか、私たちはとても楽しみにしています！
このページは役に立ちましたか？