Pricing Scenario Calculator
Build a complete ten-section pricing website with editable seats, usage, monthly/annual billing, scenario presets and transparent integer-cent calculations. Compare plans and project an annual budget from one consistent model. Original Skilly implementation; no payment or quotation service.
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/pricing-scenario-calculator.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 ten-section website from the included structured brief. All brands, rates, events and people shown in sample content are explicitly fictional.
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- Clarity, before commitment.
- Built around your way of working.
- One model. Different moments.
- Pricing calculator
- Find your operating scale.
- The math stays visible.
- A year you can plan for.
- The work before the decision.
- Good questions. Clear answers.
- Make the assumptions yours.
A GUIDED LOOK
The whole story, in motion.
A screen recording of this working demo, covering 10 sections. This is a guided preview, not a video exported by the Skill.
In this walkthrough
- Clarity, before commitment.
- Built around your way of working.
- One model. Different moments.
- Your working assumptions
- Find your operating scale.
- The math stays visible.
- A year you can plan for.
- The work before the decision.
- Good questions. Clear answers.
- Make the assumptions yours.
- Tested runtime
- Node.js 24.19.0 · macOS arm64 · Chromium 153.0.8010.12
- Pinned dependency
- Native HTML/CSS/JavaScript; bundled local OFL fonts
- Checks completed
- Exact monthly/annual totals, allowance boundaries, annual rounding, zero and maximum inputs, invalid-input recovery, scenario/plan switching and keyboard input; normal/edge briefs at 1440, 390 and 320 px.
Normal and boundary checks, independent original-brief workflow and full-content visual review completed.
Emulated Chromium viewports; physical devices, automatic agent discovery and non-Latin typography require separate review.
From a good brief to a better result.
Build a complete ten-section pricing website with editable seats, usage, monthly/annual billing, scenario presets and transparent integer-cent calculations. Compare plans and project an annual budget from one consistent model. Original Skilly implementation; no payment or quotation service. 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
- Verified plan rates in integer cents, currency and billing assumptions
- Team scenarios, audience guidance, decision steps and FAQ in a structured JSON brief
What you’ll make
- Complete ten-section pricing website with editable HTML/CSS/JavaScript
- Scenario presets, transparent cost breakdown and cross-plan comparison
- Annual budget projection, billing rules, decision guide and FAQ
The intended workflow
- Build a structured brief from verified facts
- Generate the complete ten-section website with local assets
- Review full content, domain calculations, keyboard controls and narrow layouts