真实产出
在我们的机器上用本 Skill 渲染，未经修饰。
Royal Blue Pet Store
如何使用
- 1
复制安装提示
登录后点击右侧黑色按钮，一键复制。
- 2
粘贴给你的 agent
在 Claude Code、Codex、Cursor 等工具里粘贴发送，它会自己装好。
- 3
用一句话调用
像下面这样说出你要做的东西，agent 会按这个 Skill 的流程来做。
你：
/royal-blue-pet-store 帮我做：Independent pet shops and pet brands that sell online and want a calm, trustworthy storefront.示例对话，仅演示调用方式，不代表实际产出。
你会得到
- 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.
- Independent pet shops and pet brands that sell online and want a calm, trustworthy storefront.
适合
- 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.
- Real payments, stock or order fulfilment; checkout validates details but never charges anyone.
不适合
- 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.
你需要
- Claude Code、Codex 或 Cursor
- 以本地 skill 目录形式提供
- 许可证
- Skilloop Free
- 作者
- @Skilloop
- 版本
- v1.0.2
- 产出
- 网页
- 生成方式
支持:Claude CodeCodexCursor
由 Skilloop 制作与维护（Pro）。下方每个样例都由这个 Skill 原样产出。源码包为专有授权，非 MIT。
安装包内容
- royal-blue-pet-store/SKILL.md
- royal-blue-pet-store/references/framework-adaptation.md
- royal-blue-pet-store/references/icon-library.md
- royal-blue-pet-store/references/image-plan.md
- royal-blue-pet-store/references/images/about-shop.webp
- royal-blue-pet-store/references/images/banner-spring.webp
- royal-blue-pet-store/references/images/banner-sundays.webp
- royal-blue-pet-store/references/images/cat-blue.webp
- royal-blue-pet-store/references/images/hero-portrait.webp
- royal-blue-pet-store/references/images/journal-bath.webp
- royal-blue-pet-store/references/images/journal-kitten.webp
- royal-blue-pet-store/references/images/journal-walk.webp
- royal-blue-pet-store/references/images/p-bristle-brush.webp
- royal-blue-pet-store/references/images/p-cloud-bed.webp
- royal-blue-pet-store/references/images/p-cord-bolster.webp
- royal-blue-pet-store/references/images/p-daily-bowl.webp
- royal-blue-pet-store/references/images/p-drizzle-coat.webp
- royal-blue-pet-store/references/images/p-feather-wand.webp
- royal-blue-pet-store/references/images/p-gentle-wash.webp
- royal-blue-pet-store/references/images/p-harbor-lead.webp
- royal-blue-pet-store/references/images/p-play-rope.webp
- royal-blue-pet-store/references/images/p-puzzle-ball.webp
- royal-blue-pet-store/references/images/p-salmon-oat-kibble.webp
- royal-blue-pet-store/references/images/p-soft-harness.webp
- royal-blue-pet-store/references/images/p-trail-bottle.webp
- royal-blue-pet-store/references/images/p-weekender-carrier.webp
- royal-blue-pet-store/references/interior-pages.md
- royal-blue-pet-store/references/motion-system.md
- royal-blue-pet-store/references/page-library.md
- royal-blue-pet-store/references/quality-checklist.md
- royal-blue-pet-store/references/reui-components.md
- royal-blue-pet-store/references/route-inventory.md
- royal-blue-pet-store/references/style-guide.md
- royal-blue-pet-store/references/template.html
- royal-blue-pet-store/references/visual-contract.md
- royal-blue-pet-store/scripts/inline-assets.mjs
- royal-blue-pet-store/scripts/validate-design.mjs
SKILL.md
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…
其他安装方式
登录状态下可直接下载 ZIP。若用 curl 安装，请在「设置 → API 密钥」创建密钥并设置 SKILLHUB_API_KEY。
安装提示词（粘贴给你的 Agent）
This is a free Skilloop skill (Royal Blue Pet Store). Download https://skilloop.dev/downloads/free/royal-blue-pet-store.zip (or use the install command on the skill page), then unzip into ~/.claude/skills or ~/.agents/skills so royal-blue-pet-store/SKILL.md exists. Or: Read https://skilloop.dev/skills/royal-blue-pet-store/install.md and follow the instructions.
一行命令安装（下载 + 解压） · Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/royal-blue-pet-store.zip -o /tmp/royal-blue-pet-store.zip && unzip -oq /tmp/royal-blue-pet-store.zip -d ~/.claude/skills/
一行命令安装（下载 + 解压） · Codex / Cursor
mkdir -p ~/.agents/skills && curl -fsSL https://skilloop.dev/downloads/free/royal-blue-pet-store.zip -o /tmp/royal-blue-pet-store.zip && unzip -oq /tmp/royal-blue-pet-store.zip -d ~/.agents/skills/
手动安装 · Claude Code
# Free skill — download the public ZIP (no sign-in): mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/royal-blue-pet-store.zip -o /tmp/royal-blue-pet-store.zip && unzip -oq /tmp/royal-blue-pet-store.zip -d ~/.claude/skills/
