vibe-coded

From vibe to production.

Ship delightful web experiences in minutes, not months.

A creative lab for building AI-ready microsites without heavyweight infrastructure. Each "vibe" is a fully-hosted, interactive prototype that demonstrates product thinking, modern web architecture, and the power of rapid experimentation.

Whether you're exploring concepts, building portfolio pieces, or validating MVPs—this platform turns ideas into live demos faster than traditional workflows.

What the platform unlocks

Rapid concept exploration

Spin up a fully hosted vibe in minutes and give every idea space to test narrative, design, and interactive flows.

AI-native architecture

Every vibe ships with Model Context Protocol (MCP) tooling so agents can guide visitors, trigger automations, or surface insights instantly.

Production-ready handoff

When a concept resonates, it graduates straight to deployment because routing, storage, and discovery already mirror production expectations.

Explore the vibes

Each vibe showcases different capabilities—from virtual pet care to productivity tools to creative playgrounds. Click through to see them in action.

pet-rocks

Virtual pet care • Worker storage

Adopt your own digital rock, keep it fed and happy, and check its mood through AI-powered care routines. A playful demo of persistent state and MCP integration.

Try it now

task-tracker

MCP workflows • Productivity

AI-assisted task management with intelligent triage, structured workflows, and persistent state. See how agents can help organize your work seamlessly.

Try it now

handsome-houseplants

Vue storefront • Variant logic

A concept plant shop showcasing beautiful product storytelling, smooth variant selection, and modern e-commerce UI patterns.

Try it now

moving-day-countdown

TypeScript • Time-based UI

Transform logistics updates into a delightfully animated countdown. Interactive time-based UI that makes waiting more engaging.

Try it now

word-cloud

Vue 3 • Dynamic visualization

Create dynamic, multi-instance word clouds from text submissions. Demonstrates Vue Router, KV storage, and beautiful real-time text visualization.

Try it now

photo-mutation-app

AI experiment • OpenAI integration

Explore AI model behavior through iterative image mutations. Uses OpenAI's Image Variation API to create fascinating feedback loops and generative transformations.

Try it now

How it all runs

Built on Cloudflare Workers and Pages, the platform combines modern web standards with intelligent automation to keep development fast and deployment seamless.

Unified routing

A single Worker in src/worker.js inspects every request, serves Pages-hosted vibes, proxies API calls, and exposes MCP endpoints from one entry point.

Automatic discovery

Discovery scripts scan the vibes directory, regenerate src/vibe-registry.generated.js, and let Cloudflare Pages publish each vibe with zero manual configuration.

MCP integration

MCP handlers plug straight into the Worker, so AI agents can call shared storage adapters or vibe-specific functions the moment a new vibe ships.

Platform capabilities

Cloudflare Workers: Serverless compute at the edge handles routing, API calls, and MCP endpoints with minimal latency.
KV storage: Persistent data for each vibe using Cloudflare's distributed key-value store with automatic replication.
Vue & React support: Use modern frameworks with Vite bundling and hot module replacement for rapid development.
Automated builds: GitHub Actions handle continuous deployment—push to main and your changes go live automatically.
MCP-first design: Every vibe exposes AI-ready functions through Model Context Protocol for seamless agent interactions.
Zero config deployment: New vibes are automatically discovered, built, and deployed without manual infrastructure setup.

Complexity growth across the platform

Each vibe layers on more sophisticated worker capabilities, UI polish, and MCP tooling. The timeline below tracks when initiatives landed and how ambitious they are today.

Why it matters

This platform demonstrates how a single developer can ideate, design, and launch polished microsites with strong technical foundations—without waiting on infrastructure.

For developers

See how modern web architecture, AI integration, and serverless patterns come together in real production code. Every vibe is open for exploration.

For designers

Explore the narrative design, UI polish, and interaction patterns that make each vibe feel crafted rather than templated.

For hiring teams

Evaluate product thinking, technical execution, and ability to ship complete experiences. Each vibe tells a story about what's possible.

Ready to dive deeper? Explore the vibes above, check out the architecture on GitHub, or reach out for a guided walkthrough of the platform and roadmap.