Will changes I make in Lovable reach the mobile app?

Yes, for web-layer changes. With GitHub sync on, Publish pushes a commit, a GitHub Action runs bundle upload, and installed apps download the update. New plugins or permissions still need a new store build.

My Lovable project uses Next.js. Does it work?

Yes, with a static export. Point Capacitor's webDir at the out folder instead of dist. Vite single-page apps work as they are.

Can my AI agent handle the release steps?

Yes. npx @capgo/cli mcp starts a local MCP server that Claude Code, Codex, or Cursor can use to upload bundles, manage channels, and request builds. Capgo skills add Capgo-specific instructions for the agent.

适合 Lovable 和 vibe-coding 构建者

将您的 Lovable 应用转换为 iOS 和 Android 应用

将您的 Lovable 项目导出到 GitHub，将其包装在 Capacitor 中，并使用 Capgo Build 构建签名的商店应用。发布后，每次在 Lovable 中发布都可以通过 live update 在 GitHub 中的动作来触达已安装的应用。

GitHub

Capacitor

2–3 分钟

__CAPGO_KEEP_0__

Live updates

从每个 Lovable 发布

构建基于提示和可视化编辑的 Web 应用。连接 GitHub，使 code 在代码仓库中存活。

使用提示和视觉编辑构建 Web 应用。连接 __CAPGO_KEEP_0__ 以便 __CAPGO_KEEP_1__ 在一个仓库中存活。

Capacitor shell

克隆仓库，构建静态 dist 文件夹，并添加 iOS 和 Android 项目使用 __CAPGO_KEEP_0__。

Capgo 发布循环

使用 Capgo Build 构建签名二进制文件，然后从 GitHub Actions 发布实时更新。

问题

可爱的构建应用。商店需要更多。

应用程序在浏览器中停止

可爱的项目是一个 web 应用。商店列表、推送通知和设备功能需要一个本机壳围绕它。

可爱无法运行本机工具

签名、Xcode、Android Studio 和商店上传发生在可爱之外。您需要一个仓库和一个构建服务。

每个更改都等待审查

在第一次商店发布之后，每个新版本都需要通过商店审查，通常需要 24-48 小时，有时更长时间。

堆栈

每个工具的作用

可爱的构建了移动端应用

屏幕、流程、文案和后端连接，通过提示进行迭代。单页应用为您提供一个静态的dist文件夹来打包。

Capacitor 将其包装

GitHub 包含了 code。 Capacitor 将构建好的 Web 应用程序嵌入到带有您的应用 ID、图标和权限的原生 iOS 和 Android 项目中。

Capgo 构建和更新它

Capgo 生成签名二进制文件并将其上传到应用商店。后续的实时更新将推送到已安装的应用中。

解决方案

The Capgo path from Lovable to the stores

Lovable持续开发产品。Capacitor和Capgo添加原生构建、商店上传和更新步骤。

将数据导出到GitHub并添加Capacitor

连接Lovable到GitHub,克隆仓库，生成静态dist文件夹，并在Capacitor中添加iOS和Android项目。

让我们开始学习如何将Capacitor转换为移动应用。

使用 Capgo 构建

从 CLI 请求签名的 iOS 和 Android 构建。 iOS 构建在云 Mac 上运行，一个典型的构建需要 2-3 分钟。

Capgo 构建文档

发布到 live update

With GitHub sync on, Publish in Lovable pushes a commit. A GitHub Action builds the app and uploads the bundle, so installed apps get web changes without a new store release.

Lovable Publish to live update guide Live update MCP 服务器让 Claude、Codex 或 Cursor 能够上传包、管理频道和请求构建。 __CAPGO_KEEP_2__ 能力为 __CAPGO_KEEP_3__ 提供特定的指示

__CAPGO_KEEP_0__ MCP 服务器

The Capgo MCP server lets Claude Code, Codex, or Cursor upload bundles, manage channels, and request builds. Capgo skills add Capgo-specific instructions for the agent.

Capgo 移动端MCP服务器 Capgo 移动编程能力

__CAPGO_KEEP_0__

如何让Lovable开发者将移动应用推送到Capgo

从Lovable项目到存储构建和实时更新。您可以在计算机上运行这些命令，或者让编码代理运行它们。

将构建导出到GitHub并克隆

在Lovable中连接GitHub。克隆仓库并检查构建是否创建了dist文件夹，包含index.html。
```
git clone https://github.com/you/your-lovable-app.git
cd your-lovable-app
npm install
npm run build
```
Lovable到Capacitor教程

添加Capacitor和Capgo

添加原生项目，然后运行Capgo引导程序。它会添加您的应用，创建生产频道，并安装更新插件。

npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
npx cap init "Your App" com.company.app --web-dir dist
npx cap add ios && npx cap add android
npx @capgo/cli@latest init

CLI引导程序

在云中构建签名应用

设置签名一次，然后请求iOS和Android构建。签名构建上传到App Store Connect和Google Play进行审查。
```
npx @capgo/cli@latest build init
npx @capgo/cli@latest build request --platform ios
npx @capgo/cli@latest build request --platform android
```
Capgo构建文档
将每个发布作为live update推送

添加 CAPGO_TOKEN 作为 GitHub 秘密和一个在推送时构建和上传的工作流。新插件或权限仍然需要一个新的商店构建。
```
# step in .github/workflows, with CAPGO_TOKEN from secrets
npm ci && npm run build
npx @capgo/cli@latest bundle upload --channel=production --auto-bump
```
Lovable 发布到 live update 指南

AI agent 提示

让您的编码代理完成设置

Lovable无法在Capgo CLI上运行。clone 仓库后，请将此内容粘贴到本地编码代理，如Claude Code、Codex或Cursor。它安装了Capgo MCP 服务器，添加了Capacitor和更新器，并留下了用于签名而不是发明秘密的 TODO。

为您的编码代理输入提示

I want this project, exported from Lovable, 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
   If this client supports agent skills, also run: npx skills add Cap-go/capgo-skills
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 Build 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.

使用Capacitor构建的应用

模板和学习产品是自然的移动候选者

创作和学习应用显示了如何将Web样式的流程转换为处理打包、签名和更新的干净方式的商店准备的移动体验。

EVENTS

邀请制作卡片设计

响应式Web到移动的自然映射的模板驱动设计流程。

Google Play安装: 20.0万; Google Play 安装
商店评分: 4.6; 商店评分

教育

无限日本

专注学习的应用，通过小的课程和简化的引导体验，积累的改进会产生连锁反应。

Google Play 安装: 180万; Google Play 安装
商店评分: 4.6; 商店评分

教育

学习更好

在移动端继续进行Web产品迭代的工作流程

Google Play安装: 6,500万; Google Play安装
应用商店评分: 4.8; 应用商店评分

客户证明

使用 Capgo 的团队说什么

5.0/5 由开发者团队评分 9,400+ 团队阅读评论

简化编码到移动

设计，半径 5

“Capgo 构建帮助我们简化了 Capacitor 应用程序发布流程。我们可以从一个清晰的工作流程中构建和部署 iOS 和 Android 应用程序。”

卡皮尔

NuTriQ 创始人

“能够立即推送生产 OTA 更新，而不必等待完整的 App Store 审核周期，这对我们来说是一个巨大的运营优势。”

路易斯·多明格斯

Anirol 的付款者

“Since I started using Capgo everything is faster, and I can give my users the time they deserve without neglecting my daily life.”

常见问题

可爱的开发者问的问题

将可爱或vibe编码的应用程序推送到App Store和Google Play的快速答案

No. Lovable builds the web app. You export it to GitHub, wrap it with Capacitor, and build signed iOS and Android apps with Capgo Build, which uploads them to App Store Connect and Google Play.

可爱编码到Capacitor教程

将可爱推送到Capgo教程

No. Capgo Build runs iOS builds on cloud Mac machines. You still need an Apple Developer account for the App Store and a Google Play developer account for Android.