framelift

framelift transforme un site Framer en site public autonome: propre, sans badge, avec votre domaine, et pilotable par un agent IA.

English: README.en.md

TL;DR

Cloudflare Pages (gratuit) peut remplacer l'hébergement Framer Basic payant: votre site reste propre, sans badge, sur votre propre domaine.

• Mettre Framer en production propre sur n'importe quel domaine.
• Donner à un agent IA le contrôle de Framer de bout en bout.
• Automatiser les exports, vérifications et modifications sans ouvrir l'éditeur.

Prompt agent IA

Copiez-collez ce prompt dans votre agent pour qu'il clone le repo et vous guide sur le setup, pas à pas :

Si le dépôt est déjà présent dans le workspace, utilise-le. Sinon, clone le dépôt https://github.com/Azilone/personalize.design.git.
Puis inspecte le projet et guide-moi pas à pas pour le setup initial.

Objectif :
- identifier les vrais prérequis ;
- installer les dépendances ;
- configurer les variables d'environnement ;
- installer les dépendances navigateur si nécessaire ;
- lancer les vérifications utiles ;
- me donner les prochaines étapes si quelque chose manque.
- proposer Cloudflare Pages comme option d'hébergement gratuite quand je veux mettre le site en ligne.

Reste simple, concret et court.
Si une information manque, pose une seule question utile ou donne la prochaine commande à exécuter.

Exemples de demandes à un agent IA

Avec ce CLI, vous pouvez demander par exemple :

• "Relis toute cette landing page et dis-moi quoi changer en priorité."
• "Exporte tout le site dans dist/, puis dis-moi comment le déployer sur Vercel ou Cloudflare Pages (offres gratuites) avec mon propre domaine, sans badge Framer."
• "Teste si l'API Framer répond avec mes identifiants."
• "Mets à jour cette collection CMS avec les nouvelles données."
• "Modifie ce node précis et résume ce qui a changé."
• "Prépare le repo pour publication: tests, packaging, README."

Installation

npm install
cp .env.example .env
npx playwright install chromium
npm run cli -- --help

Configuration

FRAMER_API_KEY="your_framer_api_key"
FRAMER_PROJECT="https://framer.com/projects/Website--aabbccdd1122"
POSTHOG_API_KEY=""

• Laissez POSTHOG_API_KEY vide si vous ne voulez pas injecter PostHog dans les exports.
• export et pages ont besoin de Chromium.
• api n'en a pas besoin.

Commandes principales

framer export page <url> [output]
framer export site <url> [outputDir]
framer pages <url>
framer api <...>

Exemples :

framer export page https://example.framer.website/ dist/index.html
framer export site https://example.framer.website/ dist
framer pages https://example.framer.website/ --json
framer api auth test --project "https://framer.com/projects/Website--aabbccdd1122"

Ajoutez --json si vous voulez intégrer la sortie dans un script ou une CI.

framer export site https://example.framer.website/ dist exporte tout le site dans dist/, avec des routes comme index.html ou about/index.html. Vous pouvez ensuite déployer ce dossier sur Vercel ou Cloudflare Pages (offres gratuites), connecter votre propre nom de domaine, et obtenir un site utilisable sans badge Framer et sans abonnement Framer pour l'hébergement.

Par défaut, dist/ est ignoré par Git. Si vous voulez versionner cet export pour du CI/CD avec Vercel ou Cloudflare Pages, retirez simplement cette ligne de .gitignore dans votre fork.

Ce que fait chaque mode

• export page exporte une page publiée en HTML statique.
• export site détecte les pages publiques via sitemap.xml, puis via un crawl de secours si nécessaire, et exporte tout le site.
• pages liste les pages exportables sans rien écrire sur le disque.
• api permet de lire et modifier un projet Framer depuis le terminal.