frontend-design
Produce intentional UI with stronger hierarchy, typography, and aesthetic direction.
FreePackage validated
624.9K installsLoading page…
FreeWorkflowMedium riskv1.0.2
Royal Blue Pet Store
Prototype a royal-blue pet shop with product variants, live filters, a refill planner and a demo checkout.
- Publisher
- Skillry
- Access
- Free · sign-in required
- Category
- Design
Overview
- Who it is for
- Creators and designers choosing a visual planning, presentation or system-mapping workflow.
- Not intended for
- Getting the publisher's private instruction package or purchase access through this catalog listing.
- Package access
- Installed and licensed through the original publisher
What 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.
What you need
- 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
- 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
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.
Usage
- 01Gather the inputs and install the dependencies listed above.
- 02Use your publisher account to obtain the skill. Free skills require sign-in; paid skills require a purchase or subscription.
- 03Sign in to the CLI, then run the installation command below for your agent.
- 04Start with one of the example prompts, supply your project assets and review the rendered result.
npx --yes skillry-cli@latest install bs-royal-blue-pet-storeSign in first with npx --yes skillry-cli@latest login. Use Node.js 22+ on macOS or Windows; add --agent claude-code for Claude Code. The publisher also offers ZIP installation for Linux. Paid skills require your purchase or subscription.
Example prompts
Requests that put this skill to work.
Build an online store for Dunmere Pet Supply, a neighbourhood shop selling everyday essentials for dogs and cats.
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.
Version history
v1.0.2CurrentOct 20, 2026
Public listing reviewed; instruction-package access remains with the original publisher.
Frequently asked questions
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.