frontend-design
Produce intentional UI with stronger hierarchy, typography, and aesthetic direction.
FreePackage validated
624.9K installsLoading page…
FreeWorkflowMedium riskv1.0.2
Grid-Paper Beverage Brand Site
Build a beverage brand shop on warm grid paper with flavor pages, recipes, stockists and an interactive bag.
- 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
- 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
What you need
- Brand name, one-line promise and audience
- Products with names, prices, sizes and what makes each one different
- How people buy (online, stockists, wholesale, subscription), your story, and delivery and contact details
- 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 for the product, recipe and story photos (optional if you supply your own photos)
Additional service costs: The agent generates product, recipe and story photos with its own image tool, which may incur that tool's usage charges. You can supply your own photos instead. Nothing else uses a paid service.
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-gridpaper-beverage-brand-siteSign 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 the full shop site for Oat Parade, a cheerful oat drink brand with seven flavors.
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.
- The agent generates product, recipe and story photos with its own image tool, which may incur that tool's usage charges. You can supply your own photos instead. Nothing else uses a paid service.
Version history
v1.0.2CurrentOct 20, 2026
Public listing reviewed; instruction-package access remains with the original publisher.
Frequently asked questions
What does Grid-Paper Beverage Brand Site create?
Build a beverage brand shop on warm grid paper with flavor pages, recipes, stockists and an interactive bag. Deliverables: 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
What do I need to use Grid-Paper Beverage Brand Site?
Brand name, one-line promise and audience Products with names, prices, sizes and what makes each one different How people buy (online, stockists, wholesale, subscription), your story, and delivery and contact details 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 for the product, recipe and story photos (optional if you supply your own photos).
Is Grid-Paper Beverage Brand Site free?
The skill package is free through Skillry with a publisher account. The agent generates product, recipe and story photos with its own image tool, which may incur that tool's usage charges. You can supply your own photos instead. Nothing else uses a paid service.
How do I install Grid-Paper Beverage Brand Site?
Sign in with npx --yes skillry-cli@latest login, then run npx --yes skillry-cli@latest install bs-gridpaper-beverage-brand-site. 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.