
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un exemple de 35 routes pour la marque fictive Askel Cycles : six vélos, quatre catégories, équipement, comparateur, journal, essais, à propos, contact, FAQ, livraison, mentions légales, panier, checkout et une page 404.
- Un parcours d'achat fonctionnel : variantes de batterie et de taille de cadre, tiroir de mini-panier, panier avec code promo, checkout de démo avec validation et confirmation de commande qui n'encaisse jamais de paiement.
- Des outils sur l'accueil (carrousel Hero, explorateur de composants, calculateur d'autonomie, recherche de magasins), ainsi qu'un guide de style, un plan d'images, un script d'harmonisation des photos et des vérifications intégrées.
Idéal pour
- Les marques de vélos électriques, trottinettes, triporteurs ou cyclomoteurs qui veulent une vitrine haut de gamme avec de vrais détails produit.
- Les marques avec des magasins partenaires ou des showrooms qui proposent des essais et veulent une réservation et une recherche de magasins.
- Les équipes qui veulent des écrans de variantes, de panier, de comparaison et de checkout fonctionnels à relire avant de brancher les paiements.
Pas pour
- Prendre de vraies commandes : le checkout indique clairement que le paiement est désactivé, et rien n'est débité tant que vous n'avez pas connecté votre propre backend e-commerce.
- Les grands catalogues qui nécessitent une synchronisation des stocks ou un système de gestion de contenu.
- Les marques pastel douces ou minimalistes ; le style repose sur un orange saturé, des capitales condensées et des panneaux sombres.
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer une boutique en ligneStyle verrouilléRésultat modifiableCatégories de vélosCommandes de véloHero véloCarrousel de données
À propos de ce Skill

Apportez votre gamme de vélos et le Skill construit une vitrine complète : un Hero studio orange, des titres condensés affirmés, des cartes de catégorie sombres et des cartes produit sur fond pierre issues d'une même série photo cohérente, avec un parcours d'achat qui fonctionne vraiment. L'exemple complet est la marque fictive Askel Cycles, avec 35 routes reliées. Le résultat par défaut est un seul fichier autonome qui s'ouvre hors ligne dans n'importe quel navigateur.

Ce que vous obtenez
- Une page d'accueil avec carrousel Hero, cartes de catégorie, gamme, explorateur de composants, calculateur d'autonomie, avis, recherche de lieux d'essai, journal et FAQ
- Des pages produit avec galerie, variantes de batterie et de taille, aide au choix de taille selon la hauteur, caractéristiques et articles associés
- Un panier, un checkout de démo avec options de livraison et une confirmation de commande, ainsi que des pages comparateur, équipement, livraison, mentions légales et contact
- Anton, Archivo et Geist Mono intégrées au fichier, pour que rien ne se charge depuis le réseau

Comment l'utiliser
- Indiquez vos modèles, prix, caractéristiques, catégories, paramètres de marché (devise, taxes, codes postaux) et vos éventuels magasins partenaires.
- Votre agent remplit le catalogue, génère une série de photos assortie et vérifie chaque route et chaque lien.
- Testez les variantes, le panier, le checkout et la réservation d'essai sur desktop et sur téléphone, puis demandez des modifications.

La génération de nouvelles photos produit peut entraîner les frais d'utilisation de votre outil d'image. Le checkout et la réservation affichent des confirmations de démo honnêtes et n'envoient rien tant que de vrais services ne sont pas connectés.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom de la marque, un slogan de quatre mots maximum et votre marché (devise, taxes, codes postaux) · Les modèles avec prix, caractéristiques, variantes et catégories, ainsi que les accessoires si vous en vendez · Magasins partenaires ou showrooms, coordonnées et éventuelles photos produit dont vous détenez les droits
- 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 · Python avec NumPy et Pillow, pour le script qui recadre et harmonise les photos produit · Un outil de génération d'images dans votre agent pour les nouvelles photos de vélos et de mise en situation
- Coûts externes
- La génération des photos de vélos et de mise en situation avec l'outil d'image de votre agent peut entraîner les frais d'utilisation de cet outil. Le plan d'images prévoit un ensemble minimal pour les petits budgets, et certaines images d'équipement et de gros plans peuvent être réutilisées.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









