For Humans
Compose an app without touching code
Pick an app pattern, connect a data source — mock, manual, CSV, or Shopify — and apply a design system, all from a Next.js project studio with a live preview of the compiled widget.
Personal Project2026
Builda
Visual Builder for MCP Apps · Personal Project
A visual component platform for MCP Apps: choose an app pattern, connect data, apply a design system, and get a portable MCP server with an optional interactive UI — without learning an SDK or a deployment stack. Sole designer and engineer across the manifest compiler, the component contracts, and the MCP protocol layer.
Next.js
TypeScript
MCP SDK v2
Zod
PrismaStreamable HTTPSTDIOTwo Ways to Build
For Agents
The same project, built through tool calls
A separate authoring MCP server exposes project creation, template discovery, brand and component configuration, and validation as semantic tools, so a coding agent can build or edit a Builda project directly — both surfaces persist to the same local project store.
Shared Truth
One readiness check, two dashboards
The same validation logic that gates a human's visual dashboard also backs the authoring server's tools, so an agent and a person never see a different definition of "done."
One Component, Every Surface
Behavior-Aware Contracts
A component is more than markup
The Product Grid component contract bundles data requirements, field exposure, interactions, states, theming, and a headless fallback together, so adding a component means adding behavior, not just a template.
Sanitized at Compile Time
Brand tokens become real CSS, safely
Colors, labels, layout, and empty-state copy from the manifest compile directly into the widget's inline styles and JSON payload — with brand values sanitized before they reach the HTML and embedded JSON escaped against injection.
A Real MCP Server, End to End
Two Transports
Streamable HTTP and STDIO from one server
The compiled MCP server built on the TypeScript SDK v2 runs identically over Streamable HTTP for hosted clients and STDIO for coding agents like Claude Code and Codex.
A Real MCP Apps Resource
A widget that renders directly in the host
The Product Grid widget is registered as an MCP Apps resource under text/html;profile=mcp-app, so hosts that implement MCP Apps render it directly — clients that don't still get useful structured results.
