Forma

Forma is an agentic UI architect that transforms the web design process from a static template-picker into a dynamic, generative journey. Unlike traditional text-based chatbots, Forma uses CopilotKit to render a series of interactive React “choice cards” at runtime. These cards (Intake, AppType, Vibe, Palette, Layout, and Component) form a cascading context machine: the agent intelligently filters every subsequent option based on the user’s previous design decisions.

The technical core of the project relies on a React + Vite frontend and an Express backend. We utilized the CopilotKit runtime with a Gemma3:4b (Ollama) adapter to manage the agent’s state. A custom local MCP (Model Context Protocol) server acts as a design knowledge base, allowing the agent to retrieve specific component patterns and style notes before the final generation. The end result is a fully functional, self-contained HTML/Tailwind CSS webpage rendered live in a sandboxed iframe, which the user can then refine through iterative agentic revisions. By moving the “generation” from text to functional UI primitives, Forma demonstrates a “No Designer, No Problem” workflow where the agent is the designer.