DAVINCI — Compétence de Design pour Landing Pages

Que fait DAVINCI — Compétence de Design pour Landing Pages ?

Flux d'exécution

1. Lire la demande brute de l'utilisateur

Extraire : ce que fait le produit, à qui il s'adresse, et (si mentionné) le type de page.

2. Classifier le type de page — ÉTAPE OBLIGATOIRE ET INTERACTIVE

Vérifier si l'utilisateur a déjà clairement indiqué l'un de ces types :

• SaaS B2B — produit de gestion/données/infrastructure vendu aux entreprises
• SaaS Consumer — produit utilisé par des particuliers (productivité personnelle, bien-être, social, créatif)
• AI Tool / Dev Tool — outil technique, API ou produit IA pour développeurs/équipes techniques
• Fintech — produit financier (paiements, banque, investissement)

Si le type n'est pas clair dans la demande, ARRÊTER et demander à l'utilisateur avant de continuer. Ne jamais supposer en silence. Exemple de question :

"Quel type de produit est-ce ? (a) SaaS B2B — vendu aux entreprises (b) SaaS Consumer — pour usage personnel (c) AI/Dev Tool — outil technique (d) Fintech — produit financier"

N'avancer qu'après avoir obtenu la réponse. Si l'utilisateur donne suffisamment de contexte pour déduire avec confiance (ex : "app de gestion financière personnelle pour des milliers d'utilisateurs" → SaaS Consumer, ton proche de Fintech), vous pouvez déduire et dire explicitement ce que vous avez déduit, en donnant à l'utilisateur la possibilité de corriger — ne jamais déduire en silence sans le mentionner.

3. Charger le template du type de page

Lire le fichier correspondant dans templates/page-types/ :

• saas-b2b.md
• saas-consumer.md
• ai-tool.md
• fintech.md

Ce fichier définit l'ordre des sections et les règles spécifiques au type (ton, couleur, typographie).

4. Assembler les sections

Pour chaque section listée dans le template du type, lire le fichier correspondant dans templates/sections/ (hero.md, features.md, pricing.md, testimonials.md, faq.md, cta.md) et remplir les placeholders avec les informations du produit.

5. Appliquer les règles transversales

Consulter rules/typography.md, rules/color-systems.md, rules/layout-grids.md et rules/copywriting.md comme référencé dans chaque template de section — les références croisées (ex : [rules/copywriting.md #1]) indiquent exactement quelle règle appliquer à chaque point.

6. Générer la sortie

Produire un unique prompt structuré, dans la langue de l'utilisateur, prêt à être collé dans n'importe quel agent de code (Claude Code, Cursor, v0, etc.) pour générer la page réelle.

Règles de sécurité du contenu

• Ne jamais inventer de métriques, témoignages ou logos de clients — si aucune donnée réelle n'existe, utiliser les alternatives décrites dans templates/sections/testimonials.md.
• Ne jamais sauter l'étape 2 (classification) même si l'utilisateur demande d'aller vite — c'est la décision qui influence le plus toutes les suivantes.

Fichiers de cette compétence

SKILL.md                        ← ce fichier
rules/                          ← principes de design (typographie, couleur, layout, copy)
templates/sections/             ← blocs réutilisables (hero, features, pricing...)
templates/page-types/            ← combinaisons complètes par type de produit
references/design-patterns.md   ← patrons extraits de références réelles