Building Effective Demos
Building
Effective Demos
Two tools. Less time on polish and plumbing, more time on the thing that matters.
February 2026
The Magic Show
Build something from nothing. Client beside you. 30-60 minutes. Not coding alone — building with them.
Show the hard part
Anyone can do this now
Dashboards
Landing pages
Charts and tables
Nice layouts
This is what they're paying for
What's actually broken?
Why does AI help here?
Where does the data come from?
What can they do with this tomorrow?
Two things slow you down when you're building live
Make it look good
On-brand, not AI slop. Without stopping to think about it.
→ Skills
Make it shareable
Can I send a link right now? If not, it's stuck on localhost.
→ Cloudflare
A skill is a folder
├── SKILL.md # instructions
└── assets/ # anything you need
├── logo-white.png
├── logo-black.png
├── fonts/
├── icons/
└── whatever-you-want
SKILL.md tells Claude what to do. The assets folder holds anything it might need — logos, fonts, examples, whatever.
name: client-brand
description: Applies Client's brand
---
# Client Brand
Source of truth:
https://client-brand.pages.dev
When creating branded artifacts:
1. Fetch guidelines above
2. Extract the relevant CSS
3. Apply it exactly
## Logo Assets
- [assets/logo-black.png]
- [assets/logo-white.png]
Our brand skill is 18 lines and 2 logos. That's it.
Build your own brand skill
Pick a brand you know. Follow the same flow. You have 25 minutes.
Goal
A working SKILL.md + a brand pack HTML page you can preview locally
When you get stuck
Logos will break. That's normal. Grab them manually and ask Claude to update the refs.
Can I send the client a link to use this right now?
If not, you're not done.
✨ Deployment complete!
https://va-brand-pack.pages.dev
Files to URL. That's it.
When you need more than a page
You don't need these today. You need to know they're there.
Pages
The user sees a page → Pages
Workers
Something needs to do work → Workers
KV
Remember something for later → KV
R2
Store a file or image → R2
D1
Need a proper database → D1
When you hit the wall, you'll know which one to reach for. Claude can set any of them up.
Deploy your brand pack
Take the brand pack page you built. Deploy it to Cloudflare Pages. Share the URL.
Goal
A live URL anyone can visit
Bonus
Update your SKILL.md to point to the deployed URL
The Full Loop
Skills + Cloudflare in 5 minutes.
Four things to do this week
New client? Brand skill first.
wrangler pages deploy — make it habit.
Hit the wall? Pages → Workers → KV → R2 → D1.
Practice. Nothing to something in 30 minutes.