
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un site de 23 routes : modèles avec trois fiches produits, technologie, applications avec quatre études de cas, journal avec trois articles, téléchargements, à propos, réservation de démo, FAQ, newsletter, mentions légales et 404
- Des commandes qui fonctionnent : sélecteur de modèle dans le Hero, galerie produit, configurateur avec total en direct, bascule de comparaison, filtres de modules avec tri et recherche, filtre des téléchargements et recherche dans la FAQ
- Typographie Inter Tight et IBM Plex Mono, discrètes cartes de caractéristiques blanches et photos studio argentées, le tout dans un seul fichier qui s'ouvre hors ligne
Idéal pour
- Les fabricants de robots, de drones, de vélos électriques, d'audio et d'appareils photo qui ont une gamme de produits à présenter
- Les startups hardware qui ont besoin de caractéristiques, de comparaisons, de téléchargements et d'une réservation de démo sur un même site
- Les marques d'instruments de laboratoire et d'équipements qui veulent une allure sobre et technique plutôt qu'une page de lancement tapageuse
Pas pour
- Les vraies commandes ou les vrais paiements : le configurateur et le formulaire de démo confirment sur la page et indiquent que rien n'a été envoyé
- Les produits purement logiciels, sans rien de physique à photographier
- Les marques qui veulent une allure sombre ou colorée ; la palette est argent, blanc et graphite
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer un site produitStyle verrouilléRésultat modifiableBento robotFonctions du robotHero robotFiche technique robot
À propos de ce Skill

Transformez votre gamme de produits en un site de marque sobre et technique : un immense nom de modèle en typographie fine sur une photographie studio argentée, de discrètes cartes de caractéristiques blanches et une gamme représentée à l'échelle réelle. L'exemple présente trois robots sur 23 routes reliées, et le site est livré en un seul fichier qui s'ouvre hors ligne dans n'importe quel navigateur.

Ce que vous obtenez
- Un sélecteur de modèle dans le Hero qui change l'image, le nom, l'accroche et les caractéristiques, une gamme à l'échelle et un bento hardware asymétrique avec une cellule de code
- Des pages modèles avec galerie et configurateur, une comparaison côte à côte avec option d'affichage des seules différences et un catalogue de modules filtrable
- Des onglets technologie, des pages d'études de cas par application, un journal, des téléchargements filtrables, une page à propos avec frise chronologique, une FAQ avec recherche et la réservation de démo
- Des formulaires avec validation qui reportent votre configuration dans la demande de démo et confirment sur la page
- Inter Tight et IBM Plex Mono intégrées avec chaque image, pour que la page n'effectue aucune requête réseau

Comment l'utiliser
- Donnez au Skill votre marque, vos produits avec leurs références, caractéristiques et prix, votre public et les pages dont vous avez besoin. Ajoutez des photos produits si vous en avez.
- Il remplit chaque page, génère les images manquantes dans un même style studio et liste les informations rédigées pour que vous les confirmiez.
- Ouvrez le fichier, testez le sélecteur, le configurateur et les filtres, et demandez des modifications en langage courant.

Les images que vous ne fournissez pas 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 de la marque, public visé et pages nécessaires · Deux à quatre produits avec références, caractéristiques clés, prix et usage de chacun · Facultatif : photos produits, partenaires, citations et informations sur l'entreprise 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 visuels de Hero, plans en pied, gros plans et scènes ; facultatif si vous fournissez vos propres photos
- Coûts externes
- Les images que vous ne fournissez pas sont générées avec l'outil d'image de votre agent, qui peut entraîner des frais d'utilisation. La page finale n'effectue aucune requête réseau. Consulter l'exemple est gratuit.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









