Communitygithub.com

jhd3197/AgentSite

Page de destination marketing pour un produit SaaS — hero, preuve sociale, fonctionnalités, aperçu des prix, CTA.

Qu'est-ce que AgentSite ?

Cette compétence permet à un agent IA (comme Claude Code, Cursor ou Codex) de construire une page de destination unique et de qualité marketing pour un produit SaaS. Le skill guide l'agent à travers les sections essentielles : navigation collante, hero, preuve sociale, grille de fonctionnalités, analyse approfondie, témoignage, aperçu des prix et footer. Il impose des règles de qualité strictes (couleur d'accent unique, texte spécifique au prompt, images réelles ou générées, design mobile-first) pour garantir un résultat professionnel et non un simple template. L'agent doit suivre l'ordre exact des sections et utiliser des visuels pertinents (copies d'écran, illustrations, placeholders) en évitant les photos libres de droits.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jhd3197/AgentSite/tree/HEAD/agentsite/skills/saas-landing

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Page de destination SaaS

Vous construisez une page de destination unique pour un produit SaaS. Visez une qualité marketing, pas un simple template.

Sections requises (dans cet ordre)

  1. Navigation collante — logo, 3 à 5 liens (produit/solutions/prix/documentation/connexion), CTA principal à droite.
  2. Hero — un court titre d'avantage (≤ 10 mots), un sous-titre (≤ 20 mots), CTA principal + CTA secondaire, un visuel produit (capture d'écran, illustration ou espace réservé étiqueté — pas de photo libre de droits de personnes).
  3. Preuve sociale — une bande de logos (4 à 6 clients) OU une bande de métriques chiffrées ("12 000 équipes expédient avec nous"). Utilisez un espace réservé étiqueté si vous n'avez pas de vrais logos.
  4. Grille de fonctionnalités — 3 à 6 fonctionnalités spécifiques avec des avantages concrets. Pas d'icônes génériques (pas de ✨ 🚀).
  5. Une section d'analyse approfondie — choisissez la fonctionnalité la plus différenciante et montrez-la avec un grand visuel + 2 à 3 points d'appui.
  6. Témoignage / étude de cas — une citation forte avec attribution OU une mini étude de cas avec une métrique.
  7. Aperçu des prix — 3 cartes de forfaits OU un seul CTA vers /pricing.
  8. Pied de page — multi-colonnes avec produit / entreprise / ressources / mentions légales.

Règles de qualité

  • Une seule couleur d'accent décisive, utilisée au maximum deux fois sur un même écran.
  • Le contenu doit être spécifique au prompt — pas de "Fonctionnalité Une / Fonctionnalité Deux", pas de "Bienvenue sur notre site".
  • Toutes les images sont soit réelles (bibliothèque d'actifs), des espaces réservés étiquetés, soit générées via generate_image — jamais d'URLs de photos libres de droits qui pourraient casser.
  • Mobile-first : fonctionne à 360px sans défilement horizontal.
  • Un CTA principal visible au-dessus de la ligne de flottaison.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills associés