Playground

https://stackblitz.com/github/wrtnlabs/autobe-playground-stackblitz 

Experience the @autobe agent through our interactive playground above.

To see examples of backend applications generated by @autobe, explore these interactive demos. These showcase @autobe’s ability to generate production-ready backend code with proper structure, API documentation, and TypeScript interfaces. If you’re unsure what to try, start with the BBS example script below.

• BBS (Bulletin Board System) 
  1. I want to create a political/economic discussion board. Since I’m not familiar with programming, please write a requirements analysis report as you see fit.
  2. Design the database schema.
  3. Create the API interface specification.
  4. Make the e2e test functions.
• E-Commerce 

Local Setup

git clone https://github.com/wrtnlabs/autobe
cd autobe
pnpm install
pnpm run playground

You can setup playground like application on your local machine.

Clone this @autobe repository and run the playground script after installing dependencies with pnpm install. This will start a local server that you can access to interact with the @autobe agent.

WebSocket Server

import { AutoBeAgent } from "@autobe/agent";
import { AutoBePlaygroundServer }  from "@autobe/playground-server";
import { AutoBeCompiler } from "@autobe/compiler";
import OpenAI from "openai";
 
const server = new AutoBePlaygroundServer({
  predicate: async (acceptor) => {
    return {
      type: "accept",
      agent: new AutoBeAgent({
        vendor: {
          api: new OpenAI({ apiKey: "********" }),
          model: "gpt-4.1",
        },
        model: "chatgpt",
        compiler: new AutoBeCompiler(),
      }),
      cwd: `${__dirname}/../playground-result`,
    }
  },
});
await server.listen(3_000);

You can serve the @autobe agent as a WebSocket server like above.

About detailed information, please refer to the Guide Documents > WebSocket Protocol page.