Choix Skillry
Landing page SaaS Quartzv1.0.4
Utilisez ce Skill pour créer une page web.
En hausse
5.032 téléchargements1 « j'aime »0 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Un site marketing SaaS IA complet, dans un style monochrome sobre avec un seul bleu discret. Un Hero centré et apaisé surplombe un Dashboard produit à double cadre, suivi de maquettes de fonctionnalités animées, d'onglets d'étapes, d'un témoignage client, d'un défilé d'avis, d'un bloc sécurité, de tarifs avec tableau comparatif, d'une FAQ et d'une bande d'inscription sombre au-dessus d'un pied de page avec wordmark géant. Les pages d'inscription, de connexion, de réservation de démo, de changelog, de témoignage client, de centre de confiance et de mentions légales sont incluses, avec thèmes clair et sombre.
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 SaaS IA complet : accueil plus inscription, connexion, réservation de démo, changelog, témoignage client, centre de confiance, confidentialité, conditions d'utilisation et une 404, avec thèmes clair et sombre
- Des maquettes construites en code et animées : une validation unique dans le Dashboard du Hero, une conversation rejouée, des changements de canal, un défilé de connecteurs et un globe en pointillés
- Typographies Onest et Geist Mono, un seul bleu pour les commandes, une barre de navigation en pilule et un pied de page avec wordmark géant, dans un fichier qui s'ouvre hors ligne
Idéal pour
- Les fondateurs et indie hackers qui lancent un produit IA ou SaaS et ont besoin d'un site crédible avec parcours d'essai, de démo ou de liste d'attente
- Les product marketers qui veulent le look startup monochrome moderne sans équipe design
- Les outils pour développeurs et applications de planification qui peuvent transposer leurs propres termes sur le Dashboard, le tableau de commutation et les étapes
Pas pour
- L'authentification ou la facturation réelles : les formulaires d'inscription, de connexion et de démo se valident et confirment uniquement sur la page
- Les marques qui veulent un look tapageur et coloré ; Quartz est monochrome avec un seul bleu pour les commandes
- Les agences, boutiques ou lieux sans interface produit à montrer ; la page est construite autour de l'UI produit
Lancement produit et croissance d'appWeb design et expériences numériquesCréer une page webCréer une landing pageStyle verrouilléRésultat modifiableClair d'abordMockups BentoFooter à logotype géantMinimal monochromeNav pilule
À propos de ce Skill
Décrivez votre produit IA et obtenez un site marketing finalisé : un titre centré et apaisé au-dessus d'un Dashboard produit à double cadre, des maquettes de fonctionnalités qui bougent vraiment, un témoignage client, des tarifs avec tableau comparatif et une bande d'inscription sombre. Les pages d'inscription, de connexion, de réservation de démo, de changelog et de confiance sont reliées, et le tout arrive dans un seul fichier qui s'ouvre hors ligne dans n'importe quel navigateur.
Ce que vous obtenez
- Un Hero sur grille pulsée avec un changement de statut discret dans le Dashboard, une rangée de logos qui pivotent et un bento de fonctionnalités aux maquettes animées
- Une grille de huit fonctionnalités, des onglets d'étapes du brief à la publication, un témoignage client avec compteurs animés et un défilé d'avis avec bouton de pause
- Un bloc sécurité, des tarifs mensuels ou annuels avec tableau comparatif, une FAQ et une bande d'inscription avec validation
- Les pages d'inscription, de connexion, de réservation de démo, un changelog filtrable, un témoignage client, un centre de confiance, les mentions légales et une 404, avec thèmes clair et sombre
- Onest et Geist Mono intégrées avec toutes les images, pour que la page n'effectue aucune requête réseau
Comment l'utiliser
- Donnez au Skill le nom de votre produit, une promesse en une ligne, quatre fonctionnalités phares, la structure de vos tarifs et l'action principale attendue : essai, démo ou liste d'attente.
- Il renomme chaque panneau avec les termes de votre produit, rédige les textes manquants et les liste pour que vous les validiez.
- Ouvrez le fichier en thème clair et sombre, testez chaque formulaire et chaque route, puis demandez des modifications en langage courant.
Les photos proviennent de l'outil d'image de votre agent, qui peut avoir ses propres frais d'utilisation.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom du produit, une promesse en une ligne et l'action principale attendue (essai, démo ou liste d'attente) · Quatre fonctionnalités phares, le workflow en trois à cinq étapes et la structure de vos tarifs · Facultatif : un témoignage client, des avis, des informations de sécurité et des entrées de changelog que vous pouvez confirmer
- 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 avatars, le portrait du témoignage client et les visuels produit ; facultatif si vous fournissez les vôtres
- Coûts externes
- Les photos que vous ne fournissez pas sont générées avec l'outil d'image de votre agent, ce qui peut entraîner des frais d'utilisation propres à cet outil. L'interface produit est construite en code, et la page finale n'effectue aucune requête réseau. La consultation de l'exemple est gratuite.
- Dernier test
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…