ScaleRocket/Mobile
ENFR

Configuration du développement assisté par IA

Configurez votre environnement de développement pour le codage mobile assisté par IA avec Claude Code, Cursor, Windsurf ou Codex.

Configuration du développement assisté par IA

ScaleRocket Mobile est conçu pour fonctionner avec les assistants de codage IA. Le projet inclut des fichiers de contexte qui aident votre IA à comprendre le codebase mobile.

Comment ça fonctionne

ScaleRocket Mobile inclut deux fichiers à la racine du projet que les assistants IA lisent automatiquement :

  • CLAUDE.md — Lu par Claude Code et Cursor. Contient le guide complet du projet, l'architecture, les conventions et les commandes dangereuses à éviter.
  • AGENTS.md — Lu par Codex, Windsurf et d'autres outils. Contient une version condensée avec les mêmes règles de sécurité.

Vous n'avez rien à configurer pour un usage basique. Ouvrez simplement votre projet et commencez à prompter.

Choisissez votre outil IA

Idéal pour : Développement en terminal, compréhension complète du codebase, intégrations MCP.

Claude Code s'exécute dans votre terminal et lit CLAUDE.md automatiquement au lancement.

cd scalerocket-mobile
claude

Premier prompt à utiliser :

Read CLAUDE.md first. Then give me an overview of this mobile app boilerplate
and what I need to set up to start developing.

Idéal pour : Expérience IDE visuelle, édition inline, Composer pour les changements multi-fichiers.

Cursor lit CLAUDE.md automatiquement quand vous ouvrez le dossier du projet.

  1. Ouvrez le dossier du projet dans Cursor
  2. Ouvrez Composer (Cmd+K / Ctrl+K) pour les changements multi-fichiers
  3. Ouvrez Chat (Cmd+L / Ctrl+L) pour les questions

Premier prompt à utiliser (dans Composer) :

@CLAUDE.md Read this file first. Then give me an overview of this mobile app
boilerplate and what I need to set up.

Idéal pour : Expérience IDE avec le flux Cascade pour un guidage étape par étape.

Windsurf lit AGENTS.md automatiquement.

  1. Ouvrez le dossier du projet dans Windsurf
  2. Ouvrez Cascade (le panneau IA) à droite
  3. Commencez à prompter

Premier prompt à utiliser :

Read AGENTS.md and CLAUDE.md in this project. Then give me an overview
of this mobile app boilerplate and what I need to set up.

Idéal pour : Développement en terminal avec les modèles OpenAI.

Codex lit AGENTS.md automatiquement.

cd scalerocket-mobile
codex

Premier prompt à utiliser :

Read AGENTS.md and CLAUDE.md. Then give me an overview of this mobile app
boilerplate and what I need to set up to start developing.

Configurer les serveurs MCP

MCP (Model Context Protocol) permet à votre assistant IA de se connecter directement à des services comme votre base de données, Stripe et GitHub. Au lieu de copier-coller des clés et des schémas, l'IA peut lire et modifier les choses directement.

ScaleRocket Mobile inclut un .mcp.json à la racine du projet, pré-configuré pour tous les services nécessaires.

Claude Code lit .mcp.json nativement. Il suffit de configurer les tokens :

Supabase MCP

  1. Allez sur supabase.com/dashboard → avatar (en haut à droite) → Account → Access Tokens
  2. Cliquez sur Generate new token, nommez-le "Claude Code"
  3. Ouvrez .mcp.json et remplacez YOUR_SUPABASE_ACCESS_TOKEN par votre token

Convex MCP

  1. Lancez npx convex dev pour démarrer votre projet Convex
  2. Le nom de déploiement s'affiche dans le terminal (ex: your-app-123)
  3. Ouvrez .mcp.json et remplacez YOUR_DEPLOYMENT_NAME par votre nom de déploiement

GitHub MCP

  1. Allez sur github.com/settings/tokens → Fine-grained tokens → Generate new token
  2. Sélectionnez vos dépôts, accordez les permissions Contents + Pull Requests en lecture/écriture
  3. Ouvrez .mcp.json et remplacez YOUR_GITHUB_TOKEN par votre token

Stripe MCP

  1. Allez sur dashboard.stripe.com/apikeys
  2. Copiez votre Clé secrète (commence par sk_test_ en mode test ou sk_live_ en production)
  3. Ouvrez .mcp.json et remplacez YOUR_STRIPE_SECRET_KEY par votre clé

Sécurité : Utilisez votre clé en mode test pendant le développement. Ne partagez et ne commitez jamais votre clé secrète.

Redémarrez Claude Code après avoir sauvegardé .mcp.json.

Cursor supporte MCP via ses paramètres :

  1. Ouvrez Cursor Settings → MCP
  2. Ajoutez chaque serveur manuellement :

Supabase :

  • Command : npx
  • Args : -y @supabase/mcp-server-supabase@latest --access-token YOUR_TOKEN
  • Obtenir le token : supabase.com/dashboard → Account → Access Tokens

Convex :

  • Command : npx
  • Args : -y @anthropic-ai/convex-mcp-server@latest
  • Env : CONVEX_DEPLOYMENT=YOUR_DEPLOYMENT_NAME
  • Obtenir le nom de déploiement depuis la sortie de npx convex dev

GitHub :

  • Command : npx
  • Args : -y @modelcontextprotocol/server-github
  • Env : GITHUB_PERSONAL_ACCESS_TOKEN=YOUR_TOKEN
  • Obtenir le token : github.com/settings/tokens → Fine-grained tokens

Stripe :

  • Type : HTTP
  • URL : https://mcp.stripe.com
  • Header : Authorization: Bearer YOUR_STRIPE_SECRET_KEY
  • Obtenir la clé : dashboard.stripe.com/apikeys

Windsurf supporte MCP via ses paramètres :

  1. Ouvrez Windsurf Settings → AI → MCP Servers
  2. Ajoutez chaque serveur avec la même configuration que le fichier .mcp.json
  3. Obtenez vos tokens depuis :

Codex peut lire .mcp.json si votre version le supporte. Sinon, configurez MCP via les paramètres de Codex ou l'environnement.

Obtenez vos tokens depuis :

Ce que MCP permet

Une fois configuré, votre IA peut :

  • Supabase MCP : Lire le schéma de votre base de données, créer des tables, gérer les politiques RLS, exécuter des requêtes
  • Convex MCP : Lire votre schéma, gérer les fonctions, requêter les données, déboguer les déploiements
  • GitHub MCP : Créer des dépôts, pousser du code, créer des pull requests, gérer les issues
  • Stripe MCP : Créer des produits et prix, gérer les abonnements, vérifier les événements webhook

Prompts de démarrage

Copiez-collez ces prompts directement dans votre outil IA. Remplacez [CROCHETS] par vos propres détails.

Configuration initiale

Read CLAUDE.md first. Then help me set up this ScaleRocket Mobile boilerplate:
1. Configure the .env file with my Supabase/Convex credentials
2. Run npm install
3. Start the dev server with npx expo start
4. Help me create a development build with EAS
Walk me through each step. Ask me before running any dangerous commands.

Construire votre premier écran

I want to add a [DESCRIBE YOUR SCREEN] screen to my mobile app.
Read CLAUDE.md first for the project structure.
- Create a new route in app/(tabs)/ or a new route group
- Use the existing StyleSheet patterns for consistency
- If I need backend data, show me how to fetch it
- Show me the complete code for each file.

Personnaliser l'app

Read CLAUDE.md to understand the project structure.
I want to customize this app for my [DESCRIBE YOUR PRODUCT]:
- Update the tab navigator with my own tabs
- Update the home screen with my own content
- Change the color palette in the StyleSheet
Keep the same auth flow and navigation structure.

Les bases de Git (pour débutants)

Git suit les changements dans votre code. Pensez-y comme un "historique d'annulation" qui vous permet aussi d'uploader votre code sur GitHub.

Configuration initiale

Exécutez ceci une fois sur votre ordinateur :

git config --global user.name "Your Name"
git config --global user.email "your@email.com"

Flux de travail quotidien

# Voir ce qui a changé
git status

# Sauvegarder votre progression
git add .
git commit -m "added user dashboard"

# Uploader sur GitHub
git push

Urgence : annuler des erreurs

# Annuler les changements non commités (attention — cela supprime votre travail !)
git stash                # Sauvegarde les changements, récupérable avec "git stash pop"

# Revenir au dernier commit (ATTENTION : perd tous les changements non commités)
git checkout .           # À utiliser uniquement si vous avez commité récemment

# Voir votre historique de commits
git log --oneline

Important : Faites toujours un git commit avant de demander à votre IA de faire de gros changements. Si quelque chose se passe mal, vous pourrez toujours revenir en arrière.

Conseils pour le développement mobile assisté par IA

  1. Commencez toujours par "Read CLAUDE.md first." Cela donne à l'IA le contexte complet du projet.
  2. Soyez spécifique. "Ajouter un écran à /(tabs)/analytics affichant les inscriptions quotidiennes" est mieux que "ajouter des analytics."
  3. Collez les messages d'erreur. Copiez l'erreur complète — l'IA peut généralement la corriger immédiatement.
  4. Commitez avant les gros changements. Lancez git add . && git commit -m "before AI changes" d'abord.
  5. Testez sur un vrai appareil. Les simulateurs manquent des problèmes de notifications push, biométrie et performance.
  6. Mentionnez la plateforme. Dites à votre IA si le problème est spécifique à iOS, Android ou les deux.

Notifications Push

Configurer les notifications push Expo avec la gestion des permissions, des tokens et l'intégration backend.

Paiements mobiles

Achats in-app avec RevenueCat pour les abonnements iOS et Android, et pourquoi Stripe direct ne fonctionne pas sur mobile.

On this page

Configuration du développement assisté par IAComment ça fonctionneChoisissez votre outil IAConfigurer les serveurs MCPSupabase MCPConvex MCPGitHub MCPStripe MCPCe que MCP permetPrompts de démarrageConfiguration initialeConstruire votre premier écranPersonnaliser l'appLes bases de Git (pour débutants)Configuration initialeFlux de travail quotidienUrgence : annuler des erreursConseils pour le développement mobile assisté par IA