forhub

Inspiration

Small everyday tools often take too much effort to build and deploy. I created forhub to simplify that process, keep privacy and control in focus, and explore how MCP and WebMCP can help AI agents support our daily lives.

What it does

forhub brings small apps into one browser workspace, with code editing, interactive previews, project management, and data storage. Compatible AI agents can help build and interact with these tools through scoped MCP and WebMCP interfaces.

How we built it

Built with TypeScript, React, and CodeMirror on Cloudflare Workers, using D1, R2, and Durable Objects for storage and application state. OpenSpec guided development, with automated browser, runtime, and security tests.

Challenges we ran into

Initial deployment still requires too much technical knowledge. Making infrastructure setup approachable for ordinary users—while keeping private data protected and agent permissions clear—is a key challenge.

Accomplishments that we're proud of

forhub makes personal ideas feel achievable, from agent-assisted recipe management to easier mind-map drafting. Spending less effort on setup gives me more freedom to experiment and make everyday life a little better.

What we learned

I estimate the foundation is about 90% complete, but turning it into an intuitive product takes substantial work. This competition taught me how much UI and UX matter: powerful capabilities need clear, comfortable interactions.

What's next for forhub

Simplify the interface and deployment process, develop reusable community guidance, evaluate how reliably models follow it, and make Demo development faster and easier.

Built With

• cloudflare-agents-sdk
• cloudflare-d1
• cloudflare-durable-objects
• cloudflare-r2
• cloudflare-workers
• codemirror
• indexeddb
• javascript
• mcp
• playwright
• react
• sqlite
• typescript
• vite
• vitest
• webmcp
• wrangler
• zod