
Royal Blue Pet Storev1.0.2
Use this Skill to build ecommerce storefront.
Build a premium pet store with a royal-blue frame, blue serif headings, a golden-retriever hero, category tiles and seasonal banners. Filters, product variants, a mini cart, a refill planner and a demo checkout all work, in one self-contained file that opens in any browser and works offline.
Picked most often by
Updated Oct 3, 2026
Preview gallery
Runs in
Generates with
Similar Skills
View all skillsWhat you get
- One self-contained store file that opens in any browser and works offline, with fonts and images built in; a port into your own framework project when you have one.
- A working shop: filters with live counts, variants that change the price, a mini cart with free-delivery meter, promo codes, demo checkout and order confirmation.
- A 39-page example with 22 images, including a refill planner, a bed finder, a wishlist, a care guide and store policy pages.
Good fit
- Independent pet shops and pet brands that sell online and want a calm, trustworthy storefront.
- Grooming salons or vet clinics that also sell products and can turn refills into plans.
- Pet food brands that lead with subscriptions and the refill planner.
Not for
- Real payments, stock or order fulfilment; checkout validates details but never charges anyone.
- Stores that want a dark, playful or heavily illustrated look instead of the royal-blue frame.
- Selling the fictional Dunmere products or presenting its catalogue images as your own.
About this Skill

Royal Blue Pet Store builds a premium, complete pet shop: a white site inside a royal-blue frame, blue serif headings, a calm split hero with a golden-retriever portrait, six category tiles, a royal seasonal banner and one consistent catalogue of product cut-outs. The example is Dunmere Pet Supply, a fictional neighbourhood shop, with 39 connected pages and a shop that works from filters to order confirmation.

What you get
- One self-contained store file that opens in any browser and works offline, with fonts and images built in. If you already have a framework project, the design is ported into it instead.
- A working shop: category, pet and price filters with live counts, search, sort, product pages with variants that change the price and sold-out sizes, a mini cart with a free-delivery meter, promo codes, a demo checkout and an order confirmation.
- A refill planner that shows the next delivery dates and the saving, a bed finder by sleeping position, a wishlist, a care guide with articles and a review carousel.
- Store pages for about, delivery and returns, FAQ, contact, privacy, terms and a friendly not-found page.
- Market settings for currency, tax, postcode rules and delivery terms, so the store fits where you sell.

How to use it
- Share your shop name, products with prices and sizes, categories, delivery terms, opening hours and contact details. Missing details are drafted as plausible placeholders and listed for you to confirm.
- Let the agent shoot a new catalogue of product cut-outs in one consistent light, or send your own product photos. The retriever portrait, cat portrait and comfort scene can stay.
- Open every page on desktop and phone, filter the shop, add to the bag, run the demo checkout, and ask for changes.

Type is set in Newsreader and Instrument Sans, embedded in the file. New product images come from your agent's own image tool and may carry its usage charges; the checkout never takes payment.
What you need before you start
- You bring
- Shop name, products with prices and sizes, and categories · Delivery terms, opening hours, contact details and your market · Your own product photos, or approval to generate a new catalogue
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image tool in your agent, or your own photos, for product cut-outs and shop images
- Outside costs
- New product cut-outs and shop photos are generated with your agent's own image tool, which may charge for usage. Without one, supply your own photos; the retriever, cat and comfort images can stay. Viewing the example costs nothing, and the checkout never charges.
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…









