Colle l'URL d'un site vieillissant : aspiration, nettoyage RGPD, images WebP, SEO 301 et Prompt Maître dans un .ZIP clé en main.
Donne l'archive .ZIP téléchargée à ton agent Antigravity et colle-lui ce prompt : il crée le GitHub, code tout le site Vue 3 et le déploie sur Cloudflare Pages sans rien te demander.
# 🚀 MISSION AUTONOME ANTIGRAVITY : REFONTE COMPLÈTE + GITHUB + CLOUDFLARE PAGES Tu viens de recevoir en pièce jointe (ou dans le dossier courant) l'archive `.zip` générée par **RefonteScraper** pour un client. Tu as **tous les outils** (terminal, `gh`, `git`, MCP Cloudflare, API Cloudflare, Wrangler). **Je ne dois absolument rien faire manuellement.** Exécute les 6 étapes suivantes de bout en bout sans t'arrêter : ## 1. EXTRACTION & ANALYSE DU KIT (.ZIP) 1. Décompresse l'archive `.zip` fournie et lis immédiatement `client-config.json`, `PROMPT-REFONTE.md`, `wrangler.toml`, `public/_headers`, `public/_redirects` ainsi que **toutes** les pages Markdown dans `content/pages/*.md`. 2. Vérifie la liste des images extraites dans `public/images/*`. 3. **RÈGLE STRICTE** : Interdiction formelle de scanner, lire ou analyser `node_modules`. Zéro secret ou token en dur dans le code. ## 2. CRÉATION AUTONOME DU DÉPÔT GITHUB (PRÉREQUIS BLOQUANT) 1. Récupère le nom du domaine dans `client-config.json` (ex: `refonte-<nom-domaine>`). 2. Initialise Git (`git init -b main`), crée un `.gitignore` strict (`node_modules`, `dist`, `.env*`, `.dev.vars`, `.wrangler`). 3. Crée le dépôt GitHub en totale autonomie via GitHub CLI : `gh repo create refonte-<slug-domaine> --public --source=. --remote=origin` ## 3. DÉVELOPPEMENT DU SITE MODERNE (VITE + VUE 3 + TAILWIND CSS) 1. Architecture **Vite.js + Vue 3 (Composition API `<script setup>`) + Tailwind CSS**, 100 % gratuite (zéro dépendance payante). 2. **Modularité stricte** : plafond de 150 lignes max par fichier `.js` (tolérance pragmatique sur les composants `.vue`). 3. **Fidélité absolue au contenu** : intègre **100 % des textes réels** issus de `content/pages/*.md` (accueil, prestations/services, partenaires, mentions légales, contact). N'invente aucune fausse prestation et aucun texte Lorem Ipsum. 4. **Médias & Design** : - Utilise exclusivement les visuels et logos locaux présents dans `public/images/*` et le favicon d'origine dans `public/favicon.*`. - Applique l'ADN couleur extrait dans `client-config.json` (`brandIdentity.palette`) avec un design moderne, haut de gamme, Mobile-first (boutons tactiles >= 48px, barre d'appel rapide mobile `tel:` et demande de devis). 5. **Conservation Infra** : garde intactes les règles de sécurité et de cache dans `public/_headers` et toutes les redirections 301 SEO d'origine dans `public/_redirects`. ## 4. BACKEND SERVERLESS EDGE (CLOUDFLARE PAGES FUNCTION) 1. Crée `functions/api/contact.js` (`onRequestPost` + `onRequestOptions` CORS) pour traiter le formulaire de contact directement en Edge sur Cloudflare Pages. 2. Implémente la validation stricte des champs (nom, téléphone, email, message), un champ anti-spam honeypot invisible, et renvoie une réponse JSON propre (`200 OK`). ## 5. SEO LOCAL 49 & PERFORMANCE (100/100 LIGHTHOUSE) 1. Dans `index.html`, injecte un bloc JSON-LD `Schema.org` (`LocalBusiness` / `Electrician` / artisan adapté) complet pré-rempli avec toutes les données de `client-config.json` (nom, téléphones, email, SIRET, adresse postale dans le 49, zone d'intervention Maine-et-Loire). 2. Configure les balises `<title>`, `<meta name="description">`, OpenGraph (`og:title`, `og:description`, `og:image`) et le routage propre correspondant aux cibles de `public/_redirects`. ## 6. MISE EN LIGNE & CONNEXION AUTO GITHUB -> CLOUDFLARE PAGES 1. Fais un `git add -A`, vérifie via `git diff` qu'aucun secret ne fuite, puis `git commit` et `git push -u origin main`. 2. Crée un **nouveau projet Cloudflare Pages** dédié `refonte-<slug-domaine>` (ne touche jamais aux autres projets existants du compte !) connecté en natif au dépôt GitHub (`source.type = "github"`, branche `main`, `production_deployments_enabled = true`, `deployments_enabled = true`, `destination_dir = "dist"`). 3. Déclenche et attends la fin du déploiement, vérifie que l'URL de production `https://refonte-<slug-domaine>.pages.dev` ainsi que `/api/contact` et `/favicon.svg` répondent en `200 OK`, puis donne-moi les liens GitHub et Cloudflare Pages finaux.
| Domaine | Volume | Coordonnées extraites (49) | Dernière MàJ | Actions CRUD |
|---|---|---|---|---|
| Chargement depuis Cloudflare D1... | ||||