Skip to content
mid vibe crisis
Go back

Vibe-coding dashboards to sell AI ideas

Edit page

The fastest way I’ve found to lose a room is to pitch AI with a slide full of bullet points. The fastest way to win it back is to show them a thing they can click. So lately, instead of writing another deck, I’ve been vibe-coding small interactive prototypes — single-page HTML apps, no backend — and dropping them on GitHub Pages for free.

Here are five from the last little while.

The builds

Smart Selangor use-case map

Smart Selangor use-case map — a dark hero showing how SSDU can partner with Microsoft, with opportunity stats

Smart Selangor use-case map — 14 AI/smart-state use cases (citizen-services agents, dengue prediction, flood now-casting, C5i incident fusion) laid out by domain and confidence. Turns a vague “what could we even do with AI” conversation into something concrete.

JCorp × Copilot adoption program

JCorp x Copilot — a bright green playful microsite framing Copilot adoption as a 12-month adventure

JCorp × Copilot adoption program — a playful microsite framing a 12-month Copilot rollout as a movement (quests, champions, leaderboards) instead of dull training. The vibe is the pitch.

Malaysia macro explorer

Malaysia macro explorer — a correlation lens over inflation, jobs, growth and population with an interactive chart

Malaysia macro explorer — a time-series tool to compare any two economic indicators on a shared timeline. Drag to pan, scroll to zoom.

Cambodia ASEAN AI-readiness dashboard

Cambodia ASEAN AI-readiness benchmark — comparing all 10 ASEAN states across digital and AI indicators

Cambodia ASEAN AI-readiness dashboard — a composite index across ASEAN built from public sources (Oxford Insights, UN, WIPO, ITU). A prototype meant to later swap in live API feeds.

Malakoff CEO ops cockpit

Malakoff CEO control center — a live executive war room with plant alerts, generation mix and commodity prices

Malakoff CEO ops cockpit — a live-feeling executive dashboard: plant alerts, coal stockpile cover, desal output, FX, receivables aging. Built to show what an “AI ops copilot” could surface at a glance.

What I learned

That’s the loop I’m in right now: hear a problem, vibe-code a clickable strawman, show it, throw it away. This site is where the throwaways get to stick around.

Built with


Edit page
Share this post:

Previous Post
I gave my family an AI butler — self-hosted on Hermes Agent
Next Post
mid vibe crisis, begin