プロトタイプはブラウザで止まります。
愛されるプロジェクトはまだウェブアプリです。ユーザーはインストール可能なアプリ、アイコン、パーミッション、オフライン動作、ディープリンク、ネイティブシェルが必要です。
モバイル開発の愛らしい雰囲気を実現
愛らしい雰囲気のモバイルアプリケーションを実現
Capgoは、デモ後、ネイティブシェル、署名、ストアビルド、ポストローンチ修正など、リスクが生じる部分をカバーするAIで作成されたモバイルアプリケーションのリリースシステムです。
1つのGitリポジトリ
Lovableからモバイルアプリケーションのソースコードを取得
__CAPGO_KEEP_0__を使用してネイティブターゲットを実現
native targets with Capacitor
ポストローンチアップデートパス
Lovableプロジェクト
Start Free Trial
AIを活用したプロンプトと視覚的な編集で、ウェブアプリを迅速に設計して実行してください。
エクスポートして
Capacitorモバイルシェル
GitHubにエクスポートして、Capacitorを追加し、ウェブアプリを製品ソースとして保ちます。
ビルドして
Capgoリリースループ
リリース後も改善を続けることができるように、ネイティブバイナリをビルドし、ストアで安全に公開できるウェブ更新を公開し続けます。
問題
アイデアを構築するにはVibeコーディングが必要です。ただし、モバイルにはリリースシステムが必要です。
ネイティブリリースの作業はVibeコーディングによって消去されません
AIはスクリーンを迅速に生成できますが、iOS署名、Androidキーストア、App Store Connect、ネイティブプロジェクト、ストアアップロードには正しいパイプラインが必要です。
ストアビルド後、繰り返しは遅くなります。
最初のバイナリはただの始まりです。オンボーディングの調整、価格のコピーの変更、またはバグの修正は、また一つのフルアプリレビューを待つ必要はありません。
例のスタック
Lovableがアプリをエクスポートした後、実際に何が起こるのか
Lovableは、ウェブエクスペリエンスを迅速に作成することに最も適しています: フロー、スクリーン、コピー、Supabaseのワイヤリング、そしてネイティブワークが始まる前に製品のイテレーション
ウェブアプリをネイティブシェルに変換する
__CAPGO_KEEP_0__は真実の源となります。__CAPGO_KEEP_1__はウェブ出力をネイティブiOSとAndroidプロジェクトにラップし、アプリのアイデンティティ、アイコン、スプラッシュスクリーン、パーミッションを含みます。
GitHub becomes the source of truth. Capacitor wraps the web output into native iOS and Android projects with app identity, icons, splash screens, and permissions.
__CAPGO_KEEP_0__は署名されたバイナリをビルドし、ストア承認後、ライブアップデートはUIの修正、コピーの変更、オンボーディングの調整、資産の移動を実行します。
Capgo builds the signed binaries, then live updates keep UI fixes, copy changes, onboarding tweaks, and assets moving after store approval.
__CAPGO_KEEP_0__
実行コマンドのパス
Lovableプロジェクトは、生成されたWebアプリをGitHubにエクスポートし、静的ビルドに適合させ、Capacitorでラッピングし、Capgoを使用してビルドおよび更新することでモバイルになる。
# From the GitHub repo exported by Lovable
npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
npx cap init "Your Lovable App" "com.company.app"
npx cap add ios
npx cap add android
# Build web output, sync native projects, and ship updates
npm run build
npx cap sync
npx @capgo/cli@latest init
npx @capgo/cli@latest bundle upload --channel production
# When you need a signed binary
npx @capgo/cli@latest build init --platform ios
npx @capgo/cli@latest build request --platform iosLovable AIの質問
Lovable内でモバイルリリースのセットアップを開始する
Webアプリが動作する後、Lovableに貼り付けるものです。エージェントに、MCPのオンボーディングパスを使用して、CapacitorとCapgoを準備するように指示します。
Lovable AIの質問
I want this Lovable project to become a Capacitor mobile app using Capgo from the start.
Set up the project so an AI agent can use Capgo's MCP release tools through install-mcp:
1. Install the Capgo CLI MCP server for the active AI client. For Codex, run:
- npx @capgo/cli@latest login
- npx install-mcp 'npx @capgo/cli@latest mcp' --client codex
Replace codex with cursor, claude-code, gemini-cli, or windsurf if that is the client this project uses.
2. Read Capgo's public MCP metadata when tool details are needed:
- https://capgo.app/.well-known/mcp/server-card.json
- https://capgo.app/.well-known/agent-skills/capgo-cli-mcp/SKILL.md
3. Add a short docs/agent-mobile-release.md file that tells the agent to use the Capgo CLI MCP server as a local stdio server, not a remote HTTP endpoint.
4. Add Capacitor for iOS and Android using the package manager already used by this project.
5. Configure capacitor.config.ts with:
- appName: the current Lovable app name
- appId: a production-style bundle ID I can edit later, such as com.company.app
- webDir: the production build output folder
- plugins.CapacitorUpdater.defaultChannel: production
6. Install and configure @capgo/capacitor-updater.
7. Add package scripts for:
- building the web app
- syncing Capacitor
- uploading a production Capgo bundle
- starting Capgo Builder setup for iOS
- requesting an iOS cloud build
8. Create a first production channel plan:
- production for users
- preview for stakeholder review
- staging for internal testing
9. Keep normal docs and README commands copy-pasteable with npm/npx unless this project already uses another package manager. Keep the Capgo MCP install command exactly as shown above.
10. Do not fake native signing credentials. Leave clear TODOs for the Capgo API key, Apple team details, and bundle ID.
11. After making changes, summarize exactly what changed and what command I should run next.ソリューション
AI WebアプリからモバイルリリースまでのCapgoパス
顧客はきれいなデモを見たいわけではありません。インストール、更新、信頼できるアプリを提供したいです。CapgoはLovableが所有していないリリース層を提供します。
生成されたアプリをGitに保持する
LovableからGitHubにエクスポートし、アプリに実際のソースコード、レビュー可能な変更、CIまたはBuilderへのパスを提供する
モバイル対応
静的出力、Capacitor webDir、アプリID、アイコン、スプラッシュ画面、パーミッション、ネイティブプロジェクトを設定
Capgoでビルド
Capgo Builderを使用して、プロジェクトをネイティブツールのマラソンにしなくても署名済みのiOSとAndroidビルドを作成
ライブアップデートで継続してリリース
Capgo チャンネルを使用して、生産、ステージング、プレビューの変更をプロダクション、ステージング、プレビューの変更でWebの修正とアセットをインストールされたバイナリの後
起動パス
AIで作られたアプリの実用的な起動パス
目標は、リリース後に使用できるモバイルリリースループではなく、チュートリアルのみのプロジェクトです。
1
アプリをエクスポート
Connect Lovable to GitHub, clone the project, and make sure the production web build works locally.
2
ネイティブシェルを作成
Capacitor を追加し、app のアイデンティティを設定し、実機で初回の同期を実行し、コア画面を検証する。
3
ビルドと署名
Capgo ビルダーを使用して署名済みバイナリとランダムなノートブックやスクリーンショットからシークレットを保護する。
4
リリースと反復
バイナリを一度だけ公開し、UI、コピー、CSS、アセット、安全な JavaScript 変更の Capgo ライブ更新を使用する。
ユーザー信号
繰り返される顧客ポイントは簡単です: Lovable がプロトタイプを作成可能にしたが、 Capgo がそれが製品のように感じられるようにした。リリースループは、最初のストアビルド後もアプリを存続させるものです。
共通の Lovable-to-mobileFeedback
Capacitor で作成されたアプリ
テンプレートと学習製品は、自然なモバイル候補です
作成と学習アプリは、パッケージング、署名、更新をきれいに管理することで、ウェブスタイルのフローをストア用に準備できることを示しています。
イベント
招待カードデザイン
レスポンシブ ウェブから自然にマップされるテンプレートドライブのデザインフロー。
20.0M インストール
4.6 評価
教育
無限日本語
集中学習アプリです。小さなレッスンとオンボーディングの改善が積み重なります。
1.8M インストール
4.6 評価
教育
StudySmarter - 学校 & 大学
学習フローのアプリです。アプリパッケージング後もウェブ製品の改善が続けられます。
6.5M インストール
4.8 評価
ユーザーがインストールできるアプリにプロトタイプを変換
Capgoでスピードを実現し、Capacitorでネイティブシェルを使用し、Capgoでビルド、リアルタイム更新、リリース制御を使用