プロトタイプはブラウザで止まります。
LovableプロジェクトはまだWebアプリです。ユーザーはインストール可能なアプリにアイコン、パーミッション、オフライン機能、ディープリンク、ネイティブシェルが必要です。
モバイル向けの愛らしさのあるコード
モバイルアプリに実際の愛らしさのあるコードを変換する
愛らしさのあるコードは、製品のアイデアをスピードで画面に表示できます。デモ後のリスクは、ネイティブシェル、署名、ストアビルド、ポストラウンチューンの修正です。Capgoは、実際のユーザーに耐えるAIで構築されたアプリにモバイルリリースシステムを提供します。
人間のサポートはマーティン
1のGitリポジトリ
webアプリのソースから愛らしさのあるコード
iOS + Android
ネイティブのターゲットにCapacitor
OTAチャンネル
ポストラウンチューンのアップデートパス
Lovable project
Webアプリを迅速に設計・実行するには、AIアシストのプロンプトと視覚的な編集を使用してください。
エクスポート
Capacitor mobile shell
Export to GitHub, add Capacitor, and keep the web app as the product source.
ビルド
Capgo release loop
ネイティブバイナリをビルドし、ストアセーフなWeb更新を公開し、リリース後も改善を続けます。
問題
Vibe codingはアイデアを実現します。モバイルにはリリースシステムが必要です。
ネイティブリリース作業はビブーコードされない
AIはスクリーンを迅速に生成できますが、iOS署名、Androidキーストア、App Store Connect、ネイティブプロジェクト、およびストアアップロードには正しいパイプラインが必要です。
イテレーションはストアビルド後で遅くなります
最初のバイナリはただの始まりです。オンボーディングの調整、価格のコピーの変更、またはバグの修正は、またの全体のアプリレビューを待つ必要はありません。
例のスタック
Lovableがアプリをエクスポートした後、実際に何が起こるか
製品をLovableでプロトタイプ化する
Lovableは、ネイティブ作業が始まる前に、ウェブエクスペリエンスを迅速に作成することに最も適しています: フローの作成、スクリーンの作成、コピーの作成、Supabaseのワイヤリング、および製品のイテレーション
ウェブアプリをネイティブシェルに変換する
GitHubはソースの真実です。Capacitorはウェブ出力をネイティブのiOSとAndroidプロジェクトにラップし、アプリのアイデンティティ、アイコン、スプラッシュスクリーン、およびパーミッションを含みます。
リリースするのは一度だけ、イテレーションは続きます
Capgoは署名されたバイナリをビルドし、ストア承認後も、UIの修正、コピーの変更、オンボーディングの調整、およびアセットの更新が可能です。
実際の例
実用的なコマンドパス
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内で開始する
Paste this into Lovable after your web app is working. It tells the agent to prepare Capacitor and Capgo with the MCP onboarding path instead of treating mobile as a one-off export.
The Solution
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.購入者はデモがきれいなものを望んでいません。彼らは、インストール、更新、信頼できるアプリを提供したいと考えています。__CAPGO_KEEP_0__は、Lovableが所有を試みないリリース層を提供します。
The Capgo path from AI web app to mobile release
The buyer does not want a pretty demo. They want an app customers can install, update, and trust. Capgo supplies the release layer Lovable does not try to own.
Lovable AIのプロンプト
GitHubからLovableにエクスポートして、アプリが実際のソースの真実、レビュー可能な変更、CIまたはBuilderへのパスを持つようにします。
モバイル用に
静的出力、Capacitor webDir、アプリID、アイコン、スプラッシュ画面、パーミッション、ネイティブプロジェクトを設定します。
Capgoでビルド
Capgo Builderを使用して、プロジェクトをネイティブツールのマラソンに変えることなく、署名済みのiOSおよびAndroidビルドを作成します。
ライブアップデートで継続して配信
Capgo チャンネルを使用して、生産、ステージング、プレビューの変更を実行して、Webの修正とアセットをインストールされたバイナリの後で動作します。
リリースパス
AIで作られたアプリの実用的なリリースパス
目標は、もう一つのチュートリアルのみのプロジェクトではありません。リリース後も使用できるモバイルリリースループです。
1
アプリをエクスポート
GitHubにLovableを接続し、プロジェクトをクローンし、ローカルで生産用のWebビルドが正常に動作することを確認します。
2
Native シェルを作成する
Capacitor を追加し、設定、初回の同期を実行し、実機でコア画面を検証する
3
ビルドと署名
署名済みバイナリ用に Capgo Builder を使用し、ランダムなノートブックやスクリーンショットからシークレットを保護する
4
リリースと反復
バイナリを一度だけ公開し、UI、コピー、CSS、アセット、安全な JavaScript 変更用に Capgo のライブ更新を使用する
ユーザー信号
「Lovable はプロトタイプを作成できたが、Capgo はそれを製品に感じさせるものにした。最初のストアビルド後、リリースループがアプリを生き続けているのはそのためだ。」
共通の Lovable-to-mobileFeedback
Capacitor で作られたアプリ
テンプレートや学習製品は自然なモバイル候補
作成と学習アプリは、パッケージング、署名、更新をきれいに管理することで、ウェブスタイルのフローをストア用のモバイルエクスペリエンスに変えることができることを示している
イベント
招待状作成カードデザイン
レスポンシブウェブから自然にマップされるテンプレートドライブのデザインフロー。
20.0M インストール
4.6 評価
教育
無限の日本語
小さなレッスンとオンボーディングの改善が積み重なる集中学習アプリです。
180万インストール
4.6星
教育
StudySmarter - School & uni
ウェブ製品の改善がアプリパッケージ化後も続く学習ワークフローです。
6.5Mのインストール
4.8の評価
モバイルアプリにインストールできるアプリケーションにプロトタイプを変換する
スピードでLovableを使用し、ネイティブシェルはCapacitor、ビルド、ライブアップデート、リリース管理はCapgoで
マーティンから人間のサポート