
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un site d'exemple finalisé pour Parcelo, un produit fictif d'analyse des livraisons : la landing page, plus inscription, connexion, réservation de démo, changelog, étude de cas, sécurité, confidentialité, conditions d'utilisation et une page 404.
- Une UI produit réelle dans le vocabulaire de votre produit : un Dashboard avec sélecteur de période et survol du graphique, des mini-vues dans le bento, des onglets d'étapes, une bascule de facturation qui transmet la formule à l'inscription et des formulaires validés.
- Votre site dans un seul fichier hors ligne avec Onest et JetBrains Mono intégrées, ainsi que le guide de style, le plan d'images, les règles d'animation et la checklist dont se sert votre agent.
Idéal pour
- Fondateurs et marketeurs qui lancent un produit SaaS et veulent une page sobre, crédible et centrée sur le produit.
- Outils d'analytique, d'opérations ou pour développeurs dont la meilleure preuve est le produit lui-même.
- Équipes qui ont besoin de pages tarifs, sécurité, changelog et inscription, pas seulement d'un Hero.
Pas pour
- Les prototypes d'application ou les sites pilotés par un CMS : il construit un site marketing avec des pages internes fixes, pas un produit fonctionnel.
- Les marques qui veulent un style coloré ou une bascule en mode sombre ; meridian est clair, avec des sections sombres et une seule couleur d'accent sarcelle.
- Les inscriptions, paiements ou analyses réels : les formulaires se valident et confirment sur la page tant que vous n'avez pas connecté de backend.
Lancement produit et croissance d'appWeb design et expériences numériquesCréer une page webCréer une landing pageStyle verrouilléRésultat modifiableAxé sur la conversionNav pilule sombreRythme clair-sombreMockup en perspectiveMinimal accent bleu canard
À propos de ce Skill

Décrivez votre produit et obtenez un site SaaS posé, centré sur le produit : une page blanche avec une seule couleur d'accent sarcelle, une barre de navigation sombre en forme de pilule et un Dashboard réel qui s'incline en perspective puis se redresse au défilement. L'exemple est Parcelo, un outil fictif d'analyse des livraisons qui repère les colis en retard avant que les clients ne s'en inquiètent.

Ce que vous obtenez
- Une landing page avec Banner, barre de navigation en pilule, Dashboard dans le Hero, bento de fonctionnalités sombre, étapes de mise en place, témoignage client, avis, tarifs, sécurité, FAQ et encadré CTA sombre
- Des pages d'inscription, de connexion, de réservation de démo, de changelog, d'étude de cas, de sécurité, de confidentialité et de conditions d'utilisation, ainsi qu'une page 404 soignée
- Des mini-vues produit dans le bento qui montrent vos propres objets au lieu de captures d'écran génériques
- Une bascule de tarifs mensuel/annuel, des formulaires avec états d'erreur et de succès, et un changelog avec filtres et recherche
- Un seul fichier avec polices et photos intégrées, qui s'ouvre hors ligne dans n'importe quel navigateur

Comment l'utiliser
- Indiquez le nom de votre produit, ce qu'il fait, ses fonctionnalités, ses formules et ce que le Dashboard doit afficher ; des notes sommaires suffisent.
- Votre agent renomme chaque libellé du Dashboard selon les objets de votre produit, remplit chaque section et chaque page, puis vérifie le rendu sur desktop et mobile.
- Ouvrez le fichier unique, parcourez les pages et demandez des modifications en langage courant.

Les photos créées avec l'outil d'image de votre agent peuvent entraîner des frais d'utilisation de cet outil ; à défaut, des panneaux teintés et des avatars à monogramme les remplacent.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom du produit, promesse en une phrase et public cible · Fonctionnalités, formules avec prix mensuels et annuels, et ce que le Dashboard doit afficher · En option : un témoignage client, des citations, des réponses de FAQ, des informations de sécurité et des entrées de changelog
- 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 de génération d'images dans votre agent pour les photos du témoignage, de l'équipe et des avatars (optionnel ; des panneaux teintés et des monogrammes sont utilisés sans lui)
- Coûts externes
- Les photos du témoignage, de l'étude de cas, de l'équipe et des avatars sont générées avec l'outil d'image de votre agent lorsqu'il est disponible, ce qui peut entraîner des frais d'utilisation de cet outil. Sans source d'images, des panneaux teintés et des avatars à monogramme sont utilisés à la place.
- Dernier test
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









