Landing page en verre liquidev1.0.3
Utilisez ce Skill pour créer une page web.
En hausse
5.035 téléchargements1 « j'aime »1 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Créez une landing page sombre en verre dépoli avec un Hero cinématographique, une capture d'e-mail ciblée et un récit éditorial sobre. Des pastilles de verre accrochent la lumière sur leurs bords au-dessus d'un fond quasi noir, un titre serif surdimensionné porte un mot en italique, et le produit apparaît sous forme d'aperçu d'e-mail en direct avec un graphique. Suivent les tarifs, une FAQ, une capture finale et des pages pour une édition exemple, les archives, la charte, l'adhésion, la connexion et les mentions légales. Par défaut, c'est un seul fichier autonome qui s'ouvre 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
- Une landing page d'une douzaine de sections pour la newsletter fictive Nightfold, du Hero en verre et de l'aperçu d'e-mail en direct jusqu'aux tarifs, à la FAQ, à la capture finale et à un pied de page avec logotype en filigrane.
- Sept routes : une édition exemple avec paywall, des archives avec recherche et filtres, la charte, l'adhésion, la connexion, la confidentialité et les conditions, plus une page 404 soignée.
- Des formulaires de capture fonctionnels, un sélecteur de messagerie, des tarifs mensuels ou annuels avec sélecteur de nombre de places, un carrousel d'avis de lecteurs et un compte à rebours, avec quatre polices intégrées dans un seul fichier hors ligne.
Idéal pour
- Les newsletters, listes d'attente, bêtas privées et campagnes de lancement dont l'objectif principal est de collecter des adresses e-mail.
- Les fondateurs qui veulent le style verre noir sans régler à la main le flou, les bordures et les reflets.
- Les produits qui peuvent être montrés sous forme d'écran réel, comme un e-mail, une vue d'app ou un journal des modifications, plutôt qu'avec une photo de banque d'images.
Pas pour
- Les marques lumineuses, colorées ou portées par l'illustration ; le design est exclusivement sombre, sans couleur d'accent.
- L'envoi de vrais e-mails clés en main : les formulaires de capture, d'adhésion et de connexion confirment dans la page tant que vous n'avez pas connecté votre service d'e-mailing.
- Les grands sites de contenu avec de nombreux niveaux de navigation ; il s'agit d'une page de conversion avec quelques routes complémentaires.
Lancement produit et croissance d'appWeb design et expériences numériquesCréer une page webCréer une landing pageStyle verrouilléAxé sur la conversionCinématographiqueGlassmorphismMonochrome sombreLiquid GlassSerif display
À propos de ce Skill
Transformez un nom et une promesse en une landing page sombre qui évoque du verre dépoli posé sur un film : des pastilles de verre qui accrochent la lumière, un immense titre serif avec un mot en italique et une capture d'e-mail au premier plan. L'exemple est la newsletter fictive Nightfold, avec un aperçu d'e-mail en direct, des tarifs d'adhésion et sept routes fonctionnelles. Le résultat par défaut est un seul fichier autonome qui s'ouvre hors ligne dans n'importe quel navigateur.
Ce que vous obtenez
- Un en-tête en pastille de verre, un Hero cinématographique avec capture d'e-mail, un aperçu d'e-mail en direct avec graphique, une bande de chiffres clés et une section méthode en deux colonnes
- Un sélecteur d'éditions, les rédacteurs, des avis de lecteurs, des tarifs d'adhésion avec bascule mensuel/annuel, les éditions récentes, une FAQ et une capture finale avec compte à rebours
- Des pages édition exemple, archives, charte, adhésion, connexion et mentions légales, plus une page 404 soignée
- Instrument Serif, Newsreader, Geist et Geist Mono intégrées, sans aucune requête réseau
Comment l'utiliser
- Indiquez votre nom, ce qu'est le produit, ce que l'inscription apporte, la fréquence, les prix et les personnes derrière le projet.
- Votre agent remplit les sections, affiche votre produit sous forme d'écran vivant dans le panneau de verre et crée des images sombres ou utilise votre vidéo de Hero.
- Ouvrez la page, testez les formulaires de capture, la bascule des tarifs et les filtres des archives, puis demandez des modifications.
Les images générées peuvent entraîner des frais d'utilisation de votre outil d'image. Les formulaires confirment dans la page et n'envoient rien tant que vous n'avez pas connecté votre propre service d'e-mailing.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom, nature du produit et ce que l'inscription apporte au visiteur · Fréquence ou date de lancement, prix ou formules, quelques faits honnêtes et les personnes derrière le projet · Facultatif : votre propre vidéo de Hero sombre et des photos d'équipe
- 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 · Facultatif : un outil de génération d'images dans votre agent ; sans lui, les cadres médias reçoivent des surfaces sombres provisoires
- Coûts externes
- La génération des images sombres avec l'outil d'image de votre agent peut entraîner des frais d'utilisation propres à cet outil. Sans outil d'image, la page se construit quand même, avec des surfaces sombres provisoires dans chaque cadre média.
- Dernier test
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…