# Royal Blue Pet Store

Prototype a royal-blue pet shop with product variants, live filters, a refill planner and a demo checkout. 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.

Canonical page: https://www.kairaxis.com/skills/royal-blue-pet-store
Publisher: Skillry
Category: Design
Version: 1.0.2
Last updated: Oct 20, 2026
Listing facts checked: 2026-10-31
Access: Free through the original publisher
Original source: https://skillry.dev/skills/bs-royal-blue-pet-store

## Deliverables

- 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.

## Required inputs

- 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

## Publisher-listed 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

## Author-declared agent hosts

Claude Code, Claude Desktop / Cowork, Codex / ChatGPT, Cursor, GitHub Copilot, OpenClaw, Hermes, OpenCode, Kilo Code. Compatibility has not been independently benchmarked.

## Additional service 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.

## Installation

Sign in to the original publisher and obtain the required access before installing.

```sh
npx --yes skillry-cli@latest install bs-royal-blue-pet-store
```

## Questions and answers

### What does Royal Blue Pet Store create?

Prototype a royal-blue pet shop with product variants, live filters, a refill planner and a demo checkout. Deliverables: 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.

### What do I need to use Royal Blue Pet Store?

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 Publisher-listed 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.

### Is Royal Blue Pet Store free?

The skill package is free through Skillry with a publisher account. 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.

### How do I install Royal Blue Pet Store?

Sign in with npx --yes skillry-cli@latest login, then run npx --yes skillry-cli@latest install bs-royal-blue-pet-store. The publisher documents Node.js 22 or newer on macOS or Windows for its CLI. Add --agent claude-code for Claude Code; the default installation folder is shared by Codex and Cursor. Linux users can use the publisher's ZIP installation option.

## Limitations

- Install and license the original package through its publisher; this listing supplies discovery information.
- Publisher-stated capabilities and dependencies have not been benchmarked in your agent or project.
- 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.