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, TypeScript interfaces, and e2e test functions.

1. Discussion Board: https://github.com/wrtnlabs/autobe-example-bbs 
2. To Do List: https://github.com/wrtnlabs/autobe-example-todo 
3. Reddit Community: https://github.com/wrtnlabs/autobe-example-reddit 
4. E-Commerce: https://github.com/wrtnlabs/autobe-example-shopping 
   • Requirements Analysis: Report 
   • Database Design: Entity Relationship Diagram  / Prisma Schema 
   • API Design: API Controllers  / DTO Structures 
   • E2E Test Functions: test/features/api
   • API Impelementations: src/providers
   • AI Review: AI_REVIEW.md 

If you’re unsure what to try, start with the BBS example script below.

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.
5. Implement API functions.

By the way, when you want to run @autobe on your local machine (for using Local LLMs or when the playground website isn’t working), you can set it up with the following commands:

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

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.