
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un seul fichier de boutique autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, polices et images intégrées ; un portage dans votre propre projet framework si vous en avez un.
- Une boutique qui fonctionne : filtres avec compteurs en direct, variantes qui modifient le prix, mini-panier avec jauge de livraison gratuite, codes promo, paiement de démonstration et confirmation de commande.
- Un exemple de 39 pages avec 22 images, dont un planificateur de réapprovisionnement, un guide de choix de panier, une liste d'envies, un guide de soins et les pages de politique de la boutique.
Idéal pour
- Les animaleries indépendantes et marques pour animaux qui vendent en ligne et veulent une vitrine sereine et digne de confiance.
- Les salons de toilettage ou cliniques vétérinaires qui vendent aussi des produits et peuvent transformer les réapprovisionnements en abonnements.
- Les marques d'alimentation animale qui misent sur l'abonnement et le planificateur de réapprovisionnement.
Pas pour
- Les vrais paiements, la gestion des stocks ou l'exécution des commandes ; le paiement valide les informations mais ne débite jamais personne.
- Les boutiques qui veulent un style sombre, ludique ou très illustré plutôt que le cadre bleu roi.
- La vente des produits fictifs de Dunmere ou la présentation de ses images de catalogue comme les vôtres.
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer une boutique en ligneStyle verrouilléRésultat modifiableAnimauxHero animauxPrintempsListe d'envies
À propos de ce Skill

Royal Blue Pet Store crée une animalerie complète et haut de gamme : un site blanc dans un cadre bleu roi, des titres serif bleus, un Hero scindé et apaisé avec le portrait d'un golden retriever, six vignettes de catégories, une bannière saisonnière bleu roi et un catalogue homogène de détourages produits. L'exemple est Dunmere Pet Supply, une boutique de quartier fictive, avec 39 pages reliées et une boutique qui fonctionne des filtres jusqu'à la confirmation de commande.

Ce que vous obtenez
- Un seul fichier de boutique autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, polices et images intégrées. Si vous avez déjà un projet sur un framework, le design y est porté à la place.
- Une boutique qui fonctionne : filtres par catégorie, animal et prix avec compteurs en direct, recherche, tri, fiches produits avec des variantes qui modifient le prix et des tailles en rupture, mini-panier avec jauge de livraison gratuite, codes promo, paiement de démonstration et confirmation de commande.
- Un planificateur de réapprovisionnement qui affiche les prochaines dates de livraison et l'économie réalisée, un guide de choix de panier selon la position de sommeil, une liste d'envies, un guide de soins avec des articles et un carrousel d'avis.
- Des pages boutique : à propos, livraison et retours, FAQ, contact, confidentialité, conditions et une page introuvable sympathique.
- Des réglages de marché pour la devise, les taxes, les règles de code postal et les conditions de livraison, pour que la boutique corresponde à votre zone de vente.

Comment l'utiliser
- Partagez le nom de votre boutique, vos produits avec prix et tailles, vos catégories, conditions de livraison, horaires d'ouverture et coordonnées. Les informations manquantes sont rédigées sous forme d'espaces réservés plausibles et listées pour que vous les confirmiez.
- Laissez l'agent photographier un nouveau catalogue de détourages produits sous une lumière homogène, ou envoyez vos propres photos produits. Le portrait du retriever, celui du chat et la scène de confort peuvent être conservés.
- Ouvrez chaque page sur ordinateur et sur mobile, filtrez la boutique, ajoutez au panier, lancez le paiement de démonstration et demandez des modifications.

La typographie est composée en Newsreader et Instrument Sans, intégrées au fichier. Les nouvelles images produits proviennent de l'outil d'image de votre agent et peuvent entraîner des frais d'utilisation ; le paiement n'encaisse jamais rien.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom de la boutique, produits avec prix et tailles, et catégories · Conditions de livraison, horaires d'ouverture, coordonnées et votre marché · Vos propres photos produits, ou votre accord pour générer un nouveau catalogue
- 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, ou vos propres photos, pour les détourages produits et les images de la boutique
- Coûts externes
- Les nouveaux détourages produits et photos de la boutique sont générés avec l'outil d'image de votre agent, qui peut être payant. Sans cet outil, fournissez vos propres photos ; les images du retriever, du chat et de la scène de confort peuvent être conservées. Consulter l'exemple est gratuit, et le paiement ne débite jamais rien.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









