Choix Skillry
Landing page marketing Cadencev1.0.3
Utilisez ce Skill pour créer une landing page.
Populaire
5.0181 téléchargements5 « j'aime »6 enregistrements
Gratuit
Créez un site marketing SaaS sombre et riche en animations qui raconte une seule histoire produit continue : un fond anthracite, un unique accent cyan, des titres en dégradé du gris au blanc et un écran produit crédible qui se redresse au défilement. Cartes de fonctionnalités animées, workflow piloté par le défilement, témoignage client avec portraits, intégrations et sécurité, tarifs par paliers et FAQ mènent à une maquette d'ordinateur portable dont l'écran s'ouvre au défilement, avec pages changelog, étude client, connexion et mentions légales incluses. Vous obtenez un seul fichier autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne.
Le plus souvent choisi par
Mis à jour le 3 oct. 2026
Galerie d'aperçus
Skills similaires
Voir tous les Skills
Ce que vous obtenez
- Un site marketing sombre complet : Hero produit, cartes de fonctionnalités animées, workflow piloté par le défilement, témoignage client, intégrations et sécurité, tarifs avec sélecteur de facturation, FAQ et section d'inscription
- Des pages internes qui fonctionnent : un changelog avec filtres et recherche, une étude client, des pages de connexion et de mentions légales, ainsi que des formulaires avec validation et états de réussite
- Des écrans produit intégrés à la page et adaptés à votre produit, la typographie Geist et des portraits clients générés, le tout intégré dans un seul fichier hors ligne
Idéal pour
- Les fondateurs qui lancent un SaaS ou un outil pour développeurs et veulent une page sombre qui fait sérieux dès le premier jour
- Les product marketers qui ont besoin d'un site de lancement complet avec tarifs, preuves, FAQ et changelog prêts pour une campagne
- Les équipes sans captures d'écran soignées : chaque écran produit est intégré à la page et adapté à votre produit
Pas pour
- Les marques qui veulent un rendu clair et aéré : Cadence existe uniquement en version sombre
- Une inscription ou une facturation réelles : les formulaires valident et confirment sur la page, mais rien n'est envoyé
- Les blogs, portails de documentation ou autres sites riches en contenu : c'est un site marketing produit avec quelques pages complémentaires, pas un CMS
Lancement produit et croissance d'appWeb design et expériences numériquesCréer une landing pageStyle verrouilléAxé sur la conversionAccent cyanTypographie en dégradéAnthraciteMockups d'appareils en CSSMouvement au scroll
À propos de ce Skill
Landing page marketing Cadence crée un site marketing SaaS sombre où le produit lui-même est l'image Hero. Un fond anthracite, un unique accent cyan et des titres en dégradé du gris au blanc portent une seule histoire continue du premier écran jusqu'à l'inscription, avec derrière un changelog, une étude client, une page de connexion et des mentions légales. L'exemple est Loopwright, une plateforme fictive de retours clients.
Ce que vous obtenez
- Une page d'accueil d'un seul tenant : carte produit Hero, défilé de logotypes, cartes de fonctionnalités animées, scène de workflow pilotée par le défilement, témoignage client avec portraits, intégrations et sécurité, tarifs, FAQ et une section d'inscription avec un ordinateur portable dont l'écran s'ouvre au défilement
- Des pages complémentaires : un changelog filtrable, une étude client avec trois chiffres attribués, la connexion et les mentions légales
- Des écrans produit intégrés à la page et adaptés à votre produit, pour qu'une même demande phare traverse toute l'histoire
- Un sélecteur de facturation, un tableau comparatif, une FAQ, des onglets, un menu mobile et des formulaires avec validation et états de réussite, tous fonctionnels
- La typographie Geist et Geist Mono et des portraits générés, intégrés dans un seul fichier qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne
Comment l'utiliser
- Indiquez le nom de votre produit, ce qu'il fait, le principal workflow de vos clients et une idée des tarifs ; des notes suffisent.
- Votre agent adapte les cartes de fonctionnalités et le workflow à votre produit, génère les portraits et remplit chaque section et chaque page.
- Ouvrez le fichier dans votre navigateur, parcourez chaque page et chaque formulaire, et demandez des modifications de texte ou de sections en langage courant.
Les portraits proviennent de l'outil d'image de votre agent lorsqu'il en dispose, ce qui peut entraîner des frais d'utilisation de cet outil. Tout ce que le brief omet devient un texte provisoire que l'agent liste pour que vous le confirmiez.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom du produit, ce qu'il fait et une idée de titre centrée sur le résultat · 4 à 5 fonctionnalités, les principales étapes du workflow et une idée des paliers tarifaires · Citations clients, chiffres d'étude client, intégrations et éléments de sécurité que vous pouvez revendiquer honnêtement (facultatif ; les manques deviennent des espaces réservés listés)
- Dépendances
- Node.js 18 ou version ultérieure sur la machine de votre agent, pour exécuter le script fourni qui génère le fichier unique hors ligne · Un accès à Internet pendant la génération du fichier, pour télécharger une fois les polices et les intégrer · Un outil d'image dans votre agent pour les portraits clients et les photos de l'étude client (facultatif ; sans lui, la page conserve des avatars à initiales)
- Coûts externes
- Les portraits clients et les photos de l'étude client sont générés avec l'outil d'image de votre agent lorsqu'il en dispose, ce qui peut entraîner des frais d'utilisation de cet outil. Sans lui, la page conserve des avatars à initiales et l'agent liste les emplacements qui nécessitent des photos. Rien d'autre ne fait appel à un service payant.
- Dernier test
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…