Créez un app mobile avec amour
Lovable peut obtenir l'idée de produit sur l'écran rapidement. Le risque survient après la démo : les shells natifs, la signature, les builds de magasin et les correctifs post-lancement. Capgo donne à cette application construite par l'IA un système de lancement mobile qui résiste aux utilisateurs réels.
projet Lovable
Concevoir et itérer rapidement l'application web avec des prompts assistés par l'IA et des éditions visuelles.
Exporter et envelopper
Capacitor shell mobile
Exporter vers GitHub, ajoutez Capacitor et maintenez l'application web en tant que source de produit.
Construire et mettre à jour
Capgo boucle de publication
Construire des binaires natifs, publier des mises à jour web sûres pour les magasins et améliorez en continu après le lancement.
Le Problème
Un projet aimable est toujours une application web. Les utilisateurs ont besoin d'une application installable avec des icônes, des permissions, un comportement hors ligne, des liens profonds et une coquille native.
Le code AI peut générer des écrans rapidement, mais la signature iOS, les clés de stockage Android, App Store Connect, les projets natifs et les téléchargements vers les magasins nécessitent toujours un pipeline correct.
La première version binaire n'est que le début. Chaque ajustement d'expérience utilisateur, changement de copie de tarification ou correction de bogues ne devrait pas attendre une nouvelle revue complète de l'application.
Exemple de pile
Lovable est le meilleur pour créer l'expérience web rapidement : flux, écrans, copie, mise en relation avec Supabase et itération de produit avant que le travail natif ne commence.
GitHub devient la source de vérité. Capacitor enveloppe la sortie web dans des projets iOS et Android natifs avec l'identité de l'application, les icônes, les écrans de splash et les autorisations.
Capgo construit les fichiers binaires signés, puis les mises à jour en direct maintiennent les corrections de l'interface utilisateur, les changements de copie, les ajustements d'expérience utilisateur et les actifs après l'approbation de la boutique.
Exemple concret
Un projet typique de Lovable devient mobile lorsque l'application web générée est exportée vers GitHub, rendue améliorable en construction statique, enveloppée avec Capacitor, puis construite et mise à jour à travers 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 iosL'invite de l'IA qui plaît
Coller ceci dans Lovable après que votre application web fonctionne. Cela informe l'agent de préparer Capacitor et Capgo avec le chemin d'accès d'inscription MCP au lieu de traiter mobile comme un export unique.
Invite pour l'IA de Lovable
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 public MCP onboarding and release tools:
1. Read and follow Capgo's MCP onboarding from:
- https://capgo.app/.well-known/mcp/server-card.json
- https://capgo.app/.well-known/agent-skills/capgo-cli-mcp/SKILL.md
2. 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.
3. Include the Capgo MCP setup commands from the onboarding:
- bunx @capgo/cli@7.93.1 login
- bunx @capgo/cli@7.93.1 mcp
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 commands exactly as shown in the onboarding.
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.La Solution
Le client ne veut pas d'une démo jolie. Il veut une application que les clients peuvent installer, mettre à jour et faire confiance. Capgo fournit la couche de mise en production que Lovable ne tente pas d'assumer.
Exporter de Lovable vers GitHub afin que l'application ait une source de vérité réelle, des modifications revues et un chemin vers CI ou Builder.
Configurer la sortie statique, le répertoire web Capacitor, l'ID de l'application, les icônes, l'écran de splash, les permissions et les projets natives.
Utilisez le Capgo Builder pour créer des builds iOS et Android signés sans transformer le projet en un marathon de outillage natif.
Utilisez les canaux Capgo pour les modifications de production, de prévision et d'étape pour que les correctifs web et les actifs se déplacent après l'installation du binaire.
Lancement de la voie
L'objectif n'est pas un autre projet uniquement basé sur les tutoriels. Il s'agit d'un cycle de lancement mobile que vous pouvez continuer à utiliser après le lancement.
Connectez Lovable à GitHub, clonez le projet et assurez-vous que la construction web de production fonctionne localement.
Ajoutez Capacitor, configurez l'identité de l'application, exécutez la première synchronisation et validez les écrans de base sur des appareils réels.
Utilisez le Capgo Builder pour le binaire signé et gardez les secrets hors des ordinateurs portables et des captures d'écran aléatoires.
Publiez le binaire une fois, puis utilisez les mises à jour en direct Capgo pour les modifications de l'interface utilisateur, de la copie, du CSS, des assets et des modifications de JavaScript sécurisées.
Signaleur d'utilisateur
Le point répété des clients est simple : Lovable a rendu le prototype possible, mais Capgo a fait en sorte qu'il ressemble à un produit. Le cycle de lancement est ce qui maintient l'application en vie après la première construction de magasin.
Feedback commun de Lovable vers mobile
Utilisez Lovable pour la vitesse, Capacitor pour la coquille native et Capgo pour les builds, les mises à jour en direct et le contrôle de la mise en production.