Real outputs
Rendered with this skill on our machine, unedited.
Grid-Paper Beverage Brand Site
How to use
- 1
Copy the install prompt
Sign in, then click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
You：
/gridpaper-beverage-brand-site make me: Oat, juice, coffee, tea, kombucha or snack brands that want a cheerful sticker-and-carton personalityExample message showing how to invoke it, not a real output.
What you get
- A full brand shop: home, product, collection and recipe pages, our story, stockists with a map, wholesale, FAQ, delivery, contact, newsletter, bag, checkout and legal pages
- The grid-paper look: warm paper with fine grid lines, heavy condensed headlines, outlined flavor-tinted cards, a five-photo hero fan with stickers and a cobalt footer wordmark
- Working shop details: a bag drawer with a free-delivery meter, size and subscription pricing, search, filters, a recipe servings scaler and checkout with validation
- Oat, juice, coffee, tea, kombucha or snack brands that want a cheerful sticker-and-carton personality
Good fit
- Oat, juice, coffee, tea, kombucha or snack brands that want a cheerful sticker-and-carton personality
- Small consumer brands that need shop, recipes or rituals, stockists and support pages designed as one family
- Founders who want a believable storefront before connecting real payments, or a design to port into their own project
- Quiet luxury or corporate brands: heavy condensed type, stickers and flavor colors are deliberately loud and playful
Not for
- Quiet luxury or corporate brands: heavy condensed type, stickers and flavor colors are deliberately loud and playful
- Stores that need real payments, accounts or order delivery today: the bag and checkout confirm on the page and say nothing was charged
- One-screen teasers: the Skill builds a whole connected site, so a single landing section would waste most of it
What you need
- Claude Code, Codex, or Cursor
- Pack ships as a local skill folder
- License
- Skilloop Free
- Author
- @Skilloop
- Version
- v1.0.2
- Output
- Web
- Generates with
Runs in:Claude CodeCodexCursor
Built and maintained by Skilloop (Pro). Every sample below was produced by this exact skill. Source packages are proprietary — not MIT.
Package contents
- gridpaper-beverage-brand-site/SKILL.md
- gridpaper-beverage-brand-site/references/framework-adaptation.md
- gridpaper-beverage-brand-site/references/icon-library.md
- gridpaper-beverage-brand-site/references/image-plan.md
- gridpaper-beverage-brand-site/references/images/box.webp
- gridpaper-beverage-brand-site/references/images/cafe.webp
- gridpaper-beverage-brand-site/references/images/farm.webp
- gridpaper-beverage-brand-site/references/images/founders.webp
- gridpaper-beverage-brand-site/references/images/mill.webp
- gridpaper-beverage-brand-site/references/images/p-barista.webp
- gridpaper-beverage-brand-site/references/images/p-berry.webp
- gridpaper-beverage-brand-site/references/images/p-cocoa.webp
- gridpaper-beverage-brand-site/references/images/p-coffee.webp
- gridpaper-beverage-brand-site/references/images/p-matcha.webp
- gridpaper-beverage-brand-site/references/images/p-original.webp
- gridpaper-beverage-brand-site/references/images/p-vanilla.webp
- gridpaper-beverage-brand-site/references/images/picnic.webp
- gridpaper-beverage-brand-site/references/images/r-latte.webp
- gridpaper-beverage-brand-site/references/images/r-pancakes.webp
- gridpaper-beverage-brand-site/references/images/r-porridge.webp
- gridpaper-beverage-brand-site/references/images/r-smoothie.webp
- gridpaper-beverage-brand-site/references/images/recipe-bread.webp
- gridpaper-beverage-brand-site/references/images/recipe-cocoa.webp
- gridpaper-beverage-brand-site/references/images/table.webp
- gridpaper-beverage-brand-site/references/images/team.webp
- gridpaper-beverage-brand-site/references/interior-pages.md
- gridpaper-beverage-brand-site/references/motion-system.md
- gridpaper-beverage-brand-site/references/page-library.md
- gridpaper-beverage-brand-site/references/quality-checklist.md
- gridpaper-beverage-brand-site/references/reui-components.md
- gridpaper-beverage-brand-site/references/route-inventory.md
- gridpaper-beverage-brand-site/references/style-guide.md
- gridpaper-beverage-brand-site/references/template.html
- gridpaper-beverage-brand-site/references/visual-contract.md
- gridpaper-beverage-brand-site/scripts/inline-assets.mjs
- gridpaper-beverage-brand-site/scripts/validate-design.mjs
SKILL.md
Build a complete, shoppable brand website on warm grid paper: heavy condensed headlines, outlined cards with hard ink shadows, a rotated photo fan with stickers in the hero, and one playful color per flavor. Product, collection and…
Other ways to install
ZIP download works while signed in. For curl installs, create an API key under Settings → API keys and set SKILLHUB_API_KEY.
Install prompt (paste into your agent)
This is a free Skilloop skill (Grid-Paper Beverage Brand Site). Download https://skilloop.dev/downloads/free/gridpaper-beverage-brand-site.zip (or use the install command on the skill page), then unzip into ~/.claude/skills or ~/.agents/skills so gridpaper-beverage-brand-site/SKILL.md exists. Or: Read https://skilloop.dev/skills/gridpaper-beverage-brand-site/install.md and follow the instructions.
One-line install (download + unzip) · Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/gridpaper-beverage-brand-site.zip -o /tmp/gridpaper-beverage-brand-site.zip && unzip -oq /tmp/gridpaper-beverage-brand-site.zip -d ~/.claude/skills/
One-line install (download + unzip) · Codex / Cursor
mkdir -p ~/.agents/skills && curl -fsSL https://skilloop.dev/downloads/free/gridpaper-beverage-brand-site.zip -o /tmp/gridpaper-beverage-brand-site.zip && unzip -oq /tmp/gridpaper-beverage-brand-site.zip -d ~/.agents/skills/
Manual · Claude Code
# Free skill — download the public ZIP (no sign-in): mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/gridpaper-beverage-brand-site.zip -o /tmp/gridpaper-beverage-brand-site.zip && unzip -oq /tmp/gridpaper-beverage-brand-site.zip -d ~/.claude/skills/
