Page d'atterrissage Shadcn + Vite (Iconify)

Ce qu'il fait

Cette compétence fournit un guide complet pour concevoir, auditer et implémenter des pages d'atterrissage axées sur la conversion en utilisant une pile React + Vite + TypeScript avec Tailwind et les composants shadcn/ui. Elle fournit une anatomie de page claire, des listes de contrôle pour le haut et le bas de page, des modèles de copie/CTA, des idées de tests A/B et des structures de code de départ utilisant Iconify pour les icônes. Utilisez-la pour produire des pages prêtes pour la production ou des recommandations d'audit prioritaires.

Quand l'utiliser

Utilisez cette compétence lorsqu'un utilisateur demande une nouvelle page d'atterrissage de marketing, de produit ou d'inscription, demande un audit axé sur le CRO d'une page existante, ou a besoin de code d'implémentation React/Tailwind shadcn prêt à l'emploi. Elle se déclenche sur les demandes de copie de page d'atterrissage, de conseils sur le hero/CTA, l'ordre des sections ou les structures de départ shadcn+Vite.

Ce qui est inclus

• Scripts : aucun (has_scripts=false)
• Références : plusieurs documents de référence dans le dépôt (anatomie, configuration, modèles de copie, préréglages esthétiques)
• Instructions : anatomie étape par étape, liste de contrôle du haut de page, flux de persuasion du bas de page, mappage des composants et notes d'implémentation plus un scaffold LandingPage de départ dans assets.

Agents compatibles

Idéal pour les agents capables de générer du code et de la copie (type Copilot/Codex ou Claude/Gemini avec capacités de code). Elle attend que l'agent produise du React/TSX, des classes Tailwind et des modèles de copie structurés.