acoyfellow/svelte-edge

svelte-edge is a demo project that shows off an idea: what if a chat AI could write working app interfaces on the fly, and you could see them appear right inside the conversation? It runs on Cloudflare Workers, a type of hosting that runs code close to the visitor instead of in one central server. Here is how the flow works. A chat agent, powered by a model called Kimi K2.6 running through Cloudflare's Workers AI service, writes source code in Svelte 5, a framework for building web interfaces. The Worker then compiles that code on the spot, right at the edge, and the finished component gets mounted directly inside the chat window. The generated component can also send information back to the page that hosts it, using a browser feature called postMessage, so the agent can keep track of what the user does with it and continue the conversation. The project also lets you turn generated code into a small package of files, called a bundle, with a stable web address. Each bundle includes the client code, server code, styling, a preview page, and a manifest file describing it. There is a playground page for testing code by hand, a set of example components, and a simple API you can call directly to compile code or generate new UI from a text prompt. Setup requires npm install and npm run dev to get a local server running. Some features, like stable bundle addresses, need an optional Cloudflare KV storage namespace, which the README explains how to create and connect. The author is upfront that this is a demo and prototype, not a finished product or a replacement for the official Svelte Playground. One part of the system, server-side rendering, is described as experimental because of technical limits in Cloudflare's runtime environment.