
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un seul fichier de site web autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, avec polices et images intégrées ; construit dans votre propre stack si vous avez un projet sous framework.
- Une fenêtre produit fonctionnelle dans le Hero et une page d'accueil complète : manifeste avec illustration à l'encre, méthode, bento de fonctionnalités, chiffres sourcés, témoignages, tarifs avec sélecteur de sièges et FAQ.
- Des pages annexes avec formulaires validés : inscription, connexion, contact commercial, changelog filtrable, sécurité, carrières, confidentialité, conditions d'utilisation et page introuvable, en clair et en sombre.
Idéal pour
- Les fondateurs SaaS et équipes produit qui veulent un site de lancement réfléchi plutôt qu'un template tapageur à dégradés.
- Les outils pour développeurs qui peuvent transformer la fenêtre produit en onglets vue d'ensemble, logs et requêtes.
- Les entreprises de services qui peuvent montrer un portail client ou une vue de réservation dans la fenêtre et transformer le changelog en journal.
Pas pour
- Les vraies inscriptions, les paiements ou l'envoi de messages ; les formulaires affichent uniquement des confirmations de démo honnêtes.
- Les marques qui veulent un style coloré, chargé en illustrations ou violet ; ce style garde un seul accent bleu encre.
- La construction du produit lui-même ; ce Skill crée le site marketing, pas l'application ni ses vues d'administration.
Lancement produit et croissance d'appWeb design et expériences numériquesCréer une page webCréer une landing pageStyle verrouilléRésultat modifiableLivraison rapideSerif éditorialBordures filairesPapier chaudCiel picturalLavis d'encre
À propos de ce Skill

Editorial Ink Landing crée un site de lancement serein, porté par la typographie, pour un produit logiciel : titres serif sur papier chaud, ciel peint pâle derrière le Hero et fenêtre produit fonctionnelle juste sous le titre. L'exemple est Petrichor, une application fictive de mémoire des réunions pour les fondateurs, avec une page d'accueil complète et ses pages d'inscription, de connexion, de contact, de changelog, de sécurité, de carrières et légales.

Ce que vous obtenez
- Un seul fichier de site web autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, avec polices et images intégrées. Si vous avez déjà un projet sous framework, le design y est construit directement dans votre propre stack.
- Une fenêtre produit rédigée dans le vocabulaire du produit, que les visiteurs peuvent utiliser : basculer entre Recap, Transcript et Ask, cocher une action de suivi, sauter à un moment de la transcription, poser une question et obtenir une réponse sourcée.
- Une page d'accueil avec un manifeste à côté d'une étude à l'encre sumi, une méthode de fonctionnement, un bento de fonctionnalités aux filets fins, des chiffres sourcés, des témoignages interchangeables, des tarifs avec bascule de facturation et sélecteur de sièges, une FAQ et un appel à l'action final sur ciel crépusculaire.
- Des pages annexes fonctionnelles : inscription et connexion avec validation, contact commercial, changelog avec filtres et recherche, sécurité, carrières, confidentialité, conditions d'utilisation et page introuvable.
- Des thèmes clair et sombre, tous deux travaillés, et des animations discrètes jouées une seule fois qui respectent les réglages de réduction des animations.

Comment l'utiliser
- Indiquez le nom de votre produit, ce qu'il fait et pour qui, votre point de vue, trois à six fonctionnalités, des offres avec de vraies limites, les réponses de la FAQ et les chiffres ou citations clients que vous êtes autorisé à utiliser. Les textes manquants sont rédigés dans le ton de la maison et listés pour validation.
- Laissez l'agent générer les ciels, les études à l'encre, la photo d'histoire et les portraits avec son outil d'image dans une même palette lavée par la pluie, ou envoyez vos propres photos. Sans outil d'image, la page est livrée avec des arrière-plans doux façon peinture et des initiales à la place des photos.
- Ouvrez chaque page en clair et en sombre sur desktop et sur téléphone, testez la fenêtre produit, les tarifs et les formulaires, et demandez des modifications.

La typographie utilise Newsreader, Geist et Geist Mono, intégrées au fichier. La génération d'images passe par l'outil d'image de votre agent et peut entraîner ses frais d'utilisation.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom du produit, ce qu'il fait et pour qui, et votre point de vue · Trois à six fonctionnalités, des offres avec de vraies limites et les réponses de la FAQ · Les chiffres et citations clients que vous êtes autorisé à utiliser, ou l'autorisation de rédiger des textes provisoires à valider
- 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 ciels, les études à l'encre et les portraits (facultatif ; la page prévoit une solution de repli sans photo)
- Coûts externes
- Les ciels, les études à l'encre, la photo d'histoire et les portraits sont générés avec l'outil d'image de votre agent, qui peut facturer son utilisation. Sans cet outil, la page utilise des arrière-plans doux façon peinture et des initiales à la place des photos. Consulter l'exemple est gratuit.
- Dernier test
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









