Morning Ritual Commerce
Build a tactile coffee-inspired product website with a generated still life, editable product facts, a real variant picker and a temporary local bag with exact subtotals. Eight substantive chapters develop a fictional product story, brewing ideas and serving rituals.
A little less setup
Make this part of your toolkit.
Give your agent this prompt. You’ll approve access in your browser before it installs a Skill.
Read https://skilly.uk/install/skills/morning-ritual-commerce.md and follow the instructions to install this Skill for my agent.REAL SAMPLE / RELEASED PACKAGE
RELEASED v1.0.0A closer look at the actual output.
Actual generated coffee concept with a working local variant picker and sample bag. All products, package sizes, tasting notes and sample prices are fictional. No payment is collected.
THE COMPLETE TEMPLATE
Try it. Make yourself at home.
Scroll inside, explore the pages, and try the controls. Choose Open for downloads, printing, or external links.
1440 × 900 canvas · scaled evenly to fitUse the preview’s own scroll and keyboard controls.
Inside this template
10 sections- Product introduction
- Variant selection and local bag
- Comfort first. A brighter note after.
- A blend with a place in the day.
- Fifteen grams. A little attention.
- The same ritual, at a different scale.
- Make the next cup easier to begin.
- Give the cup a quiet companion.
- Let the last sip guide the next cup.
- Keep one line from the morning.
- Tested runtime
- macOS arm64 · Node.js 24.19.0 · Chromium
- Pinned dependency
- Native HTML/CSS/JavaScript · locally bundled OFL fonts
- Checks completed
- Structured generation, bounded integer prices, literal text escaping, new-brief execution, responsive rendering, variants and exact bag totals.
Codex tested with a new brief through explicit SKILL.md invocation; desktop and mobile Chromium checks passed. Other agents and Safari are unverified.
The bag clears on reload; no tax, shipping, checkout or order fulfillment. Generic theme and interface labels need source edits beyond the JSON contract. Generated imagery does not document real food or packaging; exact image model ID is unknown.
From a good brief to a better result.
Build a tactile coffee-inspired product website with a generated still life, editable product facts, a real variant picker and a temporary local bag with exact subtotals. Eight substantive chapters develop a fictional product story, brewing ideas and serving rituals. The published package has its own version, tested environments, and included outputs listed alongside this overview. Any earlier draft samples below retain their original verification scope.
What you bring
- Brand story, eight chapter briefs and authorized product imagery
- Product name, USD/EUR/GBP currency and integer minor-unit prices for 1–12 variants
What you’ll make
- Editable ten-section product website
- Variant dialog, local bag, quantity limits and exact subtotals
- Complete Skill instructions, image prompt, generator, tests and local assets
The intended workflow
- Prepare verified product facts, variant prices and the content brief
- Generate a new website folder with local assets
- Review selections, bag arithmetic, keyboard use and mobile layout