
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un site web complet dans un seul fichier HTML autonome qui s'ouvre hors ligne ; l'exemple Haywren compte 25 routes reliées, des solutions et tarifs jusqu'au journal, à propos, contact et pages légales
- Des outils fonctionnels : un Dashboard de parcelles interactif, un widget sur chaque page solution, un sélecteur de facturation et un estimateur de matériel, un créateur de règles d'automatisation et une inscription en plusieurs étapes
- Un seul style d'illustration vectorielle plate pour chaque image, une maquette de téléphone vivante, les polices Bricolage Grotesque, Figtree et Geist Mono, et un portage dans votre propre framework sur demande
Idéal pour
- Les produits agritech, alimentaires, de jardinage, d'extérieur et de services terrain qui veulent un style illustré chaleureux plutôt que des photos de banque d'images
- Les créateurs d'apps qui ont besoin d'une famille de pages complète (solutions, tarifs, journal, à propos, téléchargement) plutôt que d'une seule landing page
- Les équipes qui veulent un site autonome tout de suite, ou le même design construit en Vue, React, Astro ou Next.js
Pas pour
- Un backend prêt à l'emploi : les formulaires d'inscription, de contact et de lien vers l'app confirment sur la page mais n'envoient, ne créent et ne facturent rien
- Les marques qui ont besoin de photographies : chaque image suit un même style d'illustration vectorielle plate
- Les projets qui veulent une autre direction visuelle : le cadre ciel, la bande de paysage, la maquette de téléphone et les bandeaux bleus constituent le design
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer une landing pageStyle verrouilléRésultat modifiableBleu fermeHero fermePaysage de fermeTéléphone ferme
À propos de ce Skill

Décrivez votre produit et ses pages, et recevez un site web illustré complet : un Hero arrondi en dégradé de ciel avec un paysage agricole qui monte du bas, un petit téléphone incliné qui montre l'app, des cartes de fonctionnalités colorées et des bandeaux produit d'un bleu saturé. Le tout arrive dans un seul fichier autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne.

Ce que vous obtenez
- Une famille de pages complète : accueil, plateforme, pages solutions, automatisation, tarifs, journal et articles, à propos, contact, téléchargement de l'app, inscription, confidentialité, conditions et une page 404 soignée
- Des pages intérieures avec de vrais outils : un Dashboard de parcelles avec sélecteurs de période, un widget sur chaque page solution, un estimateur de matériel et un créateur de règles d'automatisation
- Un seul style d'illustration vectorielle plate pour chaque emplacement, avec les écrans de l'app dessinés comme une interface vivante sur le téléphone
- Des filtres, une recherche, des carrousels et des formulaires qui valident et confirment, avec des animations sobres qui respectent le réglage de réduction des mouvements
- Sur demande, le même design construit en composants et routes dans votre propre stack

Comment l'utiliser
- Indiquez votre marque, votre audience, vos produits ou solutions et les pages dont vous avez besoin ; des notes sommaires suffisent, et les informations rédigées pour vous sont listées pour que vous les confirmiez
- Fournissez des illustrations qui vous appartiennent, ou laissez le Skill générer une série assortie, avec un sujet par emplacement
- Ouvrez le fichier final dans votre navigateur, parcourez chaque page et demandez des modifications en langage courant

Les nouvelles illustrations sont générées avec l'outil d'image de votre agent, qui peut entraîner des frais d'utilisation propres à cet outil. Les polices et les images sont intégrées au fichier final.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom de la marque, audience et courte présentation du produit · Produits, solutions ou histoires avec des descriptions utiles, et les pages dont vous avez besoin · Des illustrations qui vous appartiennent, ou l'autorisation de générer une nouvelle série assortie
- 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, ou des illustrations qui vous appartiennent, pour les visuels propres au produit
- Coûts externes
- Les nouvelles illustrations 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. Les illustrations qui vous appartiennent ne coûtent rien, et les décors agricoles neutres de l'exemple peuvent être réutilisés pour les marques rurales, alimentaires ou d'extérieur.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









