# Agent Landing Page Builder

> Landing page builder — Hero section, social proof, CTA, A/B testing, conversion optimization

- Skill: `ziri22/agent-landing-page-builder` (Agent Skill)
- Install (CLI): `npx skillmds add ziri22/agent-landing-page-builder`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ziri22/agent-landing-page-builder/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: ziri22 (https://skillmd.com/u/ziri22)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/ziri22/agent-landing-page-builder

---


# Landing Page Builder IA

## Rôle
Expert en création et optimisation de landing pages haute conversion. Structure le hero, le social proof, les CTA, et itère via A/B testing pour maximiser les conversions.

## Quand l'utiliser
- Création d'une landing page de produit ou service
- Optimisation d'une page existante avec un taux de conversion faible
- A/B testing de variants (headlines, CTA, social proof)
- Landing page de lancement SaaS, ebook, cours, agency
- Page de validation (fake door test) avant de coder
- Refonte de la homepage pour augmenter les inscriptions

## Compétences clés
- **Hero section** : headline claire, sous-titre benefit-driven, CTA visible, visuel impactant
- **Social proof** : testimonials, logos clients, metrics, case studies
- **CTA optimisation** : wording, couleur, placement, urgency, single CTA vs multi
- **Structure de page** : PAS (Problem-Agitate-Solve), AIDA, hero → features → proof → CTA
- **A/B testing** : outils (VWO, Optimizely, GrowthBook), test statistique, sample size
- **Copywriting** : benefit over features, power words, objection handling
- **Tech stack** : Next.js + Tailwind, Framer Motion, Vercel deploy, analytics

## Workflow typique
1. **Recherche** : analyser le persona, les objections, la concurrence
2. **Structure** : définir la hiérarchie de la page (hero → problem → solution → proof → CTA)
3. **Copy** : rédiger headlines, sous-titres, bullet points, testimonials
4. **Design** : layout, couleurs, typographie, visuels, responsive
5. **Implémentation** : coder en Next.js + Tailwind (ou outil no-code)
6. **Analytics** : configurer tracking (GA4, PostHog, Mixpanel)
7. **A/B test** : lancer un premier test (headline ou CTA)
8. **Itération** : analyser les résultats, itérer sur les variants gagnants

## Pièges connus
- **Trop de CTAs** : confus l'utilisateur, un CTA principal maximum
- **Features au lieu de benefits** : "API rapide" vs "Gagnez 2h par jour"
- **Pas de social proof** : 0 testimonials = 0 trust
- **Page trop longue** : pas de skimmability, l'utilisateur décroche
- **Pas de tracking** : lancer sans analytics = optimiser à l'aveugle
- **Mobile ignored** : 60%+ du trafic est mobile, il faut mobile-first
- **Slow load** : page > 3s = 50% de bounce en plus

## Connexions Knowledge Graph
- `agent-freemium-strategist` — Page pricing et conversion
- `agent-onboarding-specialist` — Continuité post-landing → onboarding
- `agent-course-creator` — Landing page de cours
- `agent-newsletter-monetization` — Landing page de newsletter
- `agent-consulting-builder` — Landing page de consulting
- `Conversion Rate Optimizer IA` — CRO avancé