1---2name: pwa-cadrage3description: Cadrage complet d'un projet PWA Agence Bulles — définition du problème, stress-test de l'idée, naming, blueprint, stack, monétisation, copywriting landing et feuille de route. Charger au démarrage de tout nouveau projet (phase 0–1 du workflow) ou avant une refonte majeure.4license: MIT5---67# pwa-cadrage89## Ce que je fais10- Orchestre le cadrage de bout en bout d'un projet PWA : problème → stress-test → naming → blueprint → roadmap.11- Centralise les 8 anciennes skills de planification en un seul workflow.1213## Workflow1415### 1. Définir le problème (avant toute production)16- Poser les questions UNE à une : problème résolu ? cible (personas PME/TPE ivoiriennes) ? contraintes (délai, budget, stack) ? monétisation ?17- Formaliser personas : attentes, irritants, habitudes mobile/bureau.1819### 2. Stress-test de l'idée20- Interroger l'utilisateur méthodiquement, une question à la fois, jusqu'à résoudre chaque branche décisionnelle.21- Toujours proposer une réponse recommandée avec la question.22- Si la réponse est dans le code existant, lire le code avant de demander.23- Ne pas passer au blueprint tant qu'il reste des zones d'ombre.24- Checklist : `assets/checklists/stress-test.md`.2526### 3. Naming (validation obligatoire avant la suite)27- Proposer 5–10 noms : court, mémorable, prononçable, sans connotation négative FR+EN.28- Techniques : mot-valise, métaphore, néologisme, préfixe/suffixe.29- Vérifier disponibilité : domaines (.app .net .ci .com .dev), Google Play, App Store, INPI, **OAPI** (priorité en CI), Namechk.30- Checklist : `assets/checklists/naming.md`.31- Livrable : nom validé + dossier local `/Projets/<nom>` + repo GitHub au nom du projet.3233### 4. Blueprint (docs/BLUEPRINT.md)34- Contexte & problème → proposition de valeur → stack justifiée → architecture (flux de données, modules) → user stories MoSCoW → exigences PWA → plan de développement (jalons) → perspectives d'évolution → monétisation → hébergement.35- Stack : suivre `assets/data/stack-table.md` (SvelteKit + Turso par défaut ; Coolify + Docker ; Cloudflare proxy/R2/Turnstile).36- ⚠️ **Turso n'a pas de row-level security** → l'autorisation est **applicative**, concentrée dans les server routes SvelteKit (voir `DATABASE.md`).37- Template : `assets/templates/BLUEPRINT.md`.3839### 5. Cadrage produit (docs/CADRAGE.md)40- Synthèse : personas, KPIs, modèle économique, scope MVP v0/v1, arbitrages.41- Template : `assets/templates/CADRAGE.md`.4243### 6. Monétisation44- Est-ce monétisable ? (gagne du temps/argent ou en fait perdre s'il s'arrête)45- Modèles : freemium, abonnement mensuel/annuel, paiement unique, quotas.46- Paliers : Gratuit / Pro / Équipe (repère CI : 2 000–15 000 FCFA/mois, 1 € ≈ 655 FCFA).47- Paiements : **GeniusPay** (passerelle unique — Wave, Orange Money, MTN, Moov, cartes ; **sandbox réelle**). Abonnements, webhooks, dunning, factures PDF.4849### 7. Copywriting landing50- Hero (promesse + sous-titre + 1 CTA) → bénéfices (résultats, pas fonctionnalités) → preuve (véridique uniquement) → fonctionnement (3 étapes) → tarifs → CTA final + « Conçu par Agence Bulles ».51- Voix active, phrases courtes, zéro remplissage. Ne jamais inventer de preuves.5253### 8. Feuille de route (ROADMAP.md)54- Jalons court/moyen/long terme ; points d'extension d'architecture dès la conception.55- Exemples d'évolution : API publique, exports CSV/PDF, multi-comptes, intégrations, i18n.56- Priorisation : score = Impact × confiance ÷ effort (1–5).57- Template : `assets/templates/ROADMAP.md`.5859## Règles60- Toujours charger `shared-eco-tokens` en parallèle.61- Marché : PME/TPE ivoiriennes, mobile-first, simplicité et robustesse.62- Ultra-léger : listes à puces, pas de texte superflu.63- Ne jamais inventer de chiffres ou de faits ; marquer les hypothèses non confirmées.6465## Assets66- `assets/templates/CADRAGE.md`67- `assets/templates/BLUEPRINT.md`68- `assets/templates/ROADMAP.md`69- `assets/checklists/stress-test.md`70- `assets/checklists/naming.md`71- `assets/data/stack-table.md`