Communitygithub.com

HyaCiovo/de-ai-landing-page

Créez, auditez et améliorez des sites web et des pages d'atterrissage marketing en éliminant les textes génériques, les preuves faibles, la surcharge de contenu et les éléments décoratifs superflus. Utilisez-la pour la stratégie de page, la rédaction, le design visuel, les mises en page responsives, l'animation et les examens de conversion.

Qu'est-ce que de-ai-landing-page ?

Cette compétence aide les agents IA (comme Claude Code, Cursor ou Codex) à auditer, améliorer ou construire des pages d'atterrissage et des sites web marketing de qualité professionnelle. Elle repose sur un principe central : chaque élément de la page – texte, image, interaction – doit avoir un rôle clair et orienter l'utilisateur vers une action de conversion unique. Le skill fournit des références structurées (stratégie, preuves, design visuel, interaction mobile, revue) qui guident l'agent dans ses décisions. Il évite le « contenu IA générique » (comme les gradients superflus ou les textes vides) et exige des preuves réelles, une hiérarchie de l'information claire et une adaptation mobile. L'agent peut travailler en trois modes : Audit (diagnostic sans modification), Amélioration (réécriture et restructuration ciblées) et Construction (création complète de la page). En cas d'ambiguïté, l'agent doit poser des questions ciblées avec une recommandation. Les contenus légaux ou contractuels fournis par l'utilisateur ne peuvent être modifiés sans confirmation explicite.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/HyaCiovo/de-ai-landing-page/tree/HEAD/skills/de-ai-landing-page

Demander à votre IA préférée

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

Documentation

De AI Landing Page

Objectif central

Le premier écran doit répondre rapidement à :

  1. Qu'est-ce que c'est, et pour qui ?
  2. Quel problème spécifique résout-il dans quelle situation ?
  3. Où les visiteurs doivent-ils aller ensuite, et qu'obtiendront-ils ?

Le reste de la page doit expliquer pourquoi c'est crédible, comment commencer, et quels sont les coûts ou limites applicables.

Le « contenu IA générique » n'est pas constitué de dégradés, de coins arrondis, d'illustrations ou d'animations en eux-mêmes. C'est la décoration avant l'information, les modèles avant le contexte, les slogans avant les preuves, le volume de fonctionnalités avant les décisions des utilisateurs, et le contenu desktop empilé sur mobile sans adaptation.

L'objectif n'est pas de rendre chaque page froide ou plate. Chaque élément de contenu, média et interaction doit avoir un rôle clair.

Première décision

Avant d'auditer, d'améliorer ou de construire, identifiez le type de page et la seule action de conversion principale. Utilisez ces décisions pour guider le contenu, les visuels et les interactions.

  • Page d'atterrissage : un public, une offre principale, une seule action de conversion principale.
  • Page d'accueil : plusieurs publics et parcours secondaires sont autorisés, mais un seul CTA principal doit rester clair.

Si ces décisions affectent matériellement l'orientation et ne peuvent pas être déduites du projet, demandez à l'utilisateur en incluant votre réponse recommandée.

Modes et références contextuelles

Déduisez le mode de la demande. Les utilisateurs n'ont pas besoin de mémoriser des commandes.

ModeComportementLecture
AuditSignaler les résultats, les lacunes de preuves, les priorités et les recommandations sans modifier les fichiersstrategy.md, evidence.md et review.md, ainsi que d'autres fichiers pertinents pour les résultats
AméliorationModifier les problèmes confirmés de texte, de structure, de style et d'interactionstrategy.md, les fichiers pour le périmètre concerné, puis review.md
ConstructionCommencer par les objectifs d'audience et de conversion, puis implémenter et vérifierTous les fichiers de référence dans l'ordre
Focus mobileExaminer la densité, les couches, le retour à la ligne, le comportement tactile et la visibilité sur le même écraninteraction.md, puis review.md

Les références se trouvent dans le dossier references/ de cette compétence :

FichierContenu
strategy.mdAudience, conversion, message principal, texte et architecture de l'information
evidence.mdPreuves réelles, validation par des tiers, lacunes de preuves et limites des démos
visual.mdTokens de design, composants, mouvement, médias et performances
interaction.mdComportement mobile, états d'interaction, accessibilité, SEO et livraison
review.mdFormats de sortie et liste de vérification d'auto-examen

Ne chargez pas de références non liées à la tâche en cours simplement pour compléter un processus.

Principes de travail

Décider et faire des compromis clairs

Lorsque la page, les conventions du projet et le comportement observé fournissent suffisamment de preuves, agissez directement. Supprimez les textes répétés, réécrivez les titres vagues, fusionnez les sections, réorganisez le contenu, reconcevez les couches mobiles, corrigez les problèmes de retour à la ligne et de débordement, et supprimez les mouvements ou décorations inutiles.

Préserver l'original n'est pas l'objectif. Réorganisez les structures faibles, supprimez les répétitions et reconcevez les visuels inadaptés au lieu de limiter le travail à des modifications au niveau des phrases.

Demander avec une recommandation lorsque l'orientation est floue

Lorsque les choix modifient matériellement le positionnement, l'audience, le style de marque ou les parcours de conversion, posez les questions connexes ensemble. Incluez :

  • Le problème observé.
  • Votre option recommandée et sa justification.
  • Les alternatives et leurs principaux compromis.
  • Ce que la réponse changera.

Pour les détails réversibles tels que la taille de police, l'espacement ou la disposition locale, suivez les conventions du projet et les principes de conception sans interrompre l'utilisateur.

Contenu nécessitant une confirmation

Ne réécrivez, n'affaiblissez et ne développez pas les mentions légales, le langage de conformité, les limites techniques, les limites de sécurité, le périmètre des services ou les engagements contractuels fournis par l'utilisateur sans confirmation. Si quelque chose semble contradictoire ou peu clair, identifiez le passage exact et demandez.

Gardez les chiffres, les dates, les noms, les unités, les citations et les attributions précis. N'inventez jamais de clients, de fonctionnalités, de certifications, de cas, de témoignages ou de données de performance.

Protéger les faits ne signifie pas protéger chaque phrase originale. Les textes marketing ordinaires peuvent être réécrits, fusionnés ou supprimés. Demandez avant de modifier un contenu protégé.

Lorsque des preuves manquent, identifiez la lacune et recommandez une résolution. Ne remplacez pas des chiffres spécifiques par des adjectifs vagues et ne présentez pas des exemples comme des résultats réels.

Hiérarchie des règles

Instructions explicites de l'utilisateur > conventions du projet et systèmes de marque > accessibilité et exactitude factuelle > valeurs par défaut de cette compétence.

Les composants, dépendances et recommandations visuelles sont des options, pas des installations obligatoires ou un style imposé. Réutilisez les capacités existantes du projet avant d'en ajouter de nouvelles.

Skills associés