跳到正文
GitHub·· 8 天前AI 评分38

Lulu Board:用一套文本协议让 AI 智能体与画布同步协作的结构化白板

lulufoo/lulu-board

AI 导读

Lulu Board 是一款结构化白板工具,通过一套文本协议让 AI 智能体写入、白板绘制、用户在画布上编辑,三方保持同步。聊天入口为 /board,可让智能体生成如 Android MVI 架构图等内容,并支持在画布或 Source 中手动修改。未配置 MCP 时智能体打开未签名的 #z: 链接,添加托管 MCP 并 Connect 后可创建和更新账户下的云端白板,项目采用 MIT 许可。

正文

Lulu Drawer

Structured whiteboard. A way to collaborate visually with AI.

luluboard.app   License


One text protocol for boards — the AI agent writes it, Lulu Board draws it, you work on the canvas; both stay in sync. A local loop.

Mode Product Source ID
Board Lulu Board — structured whiteboard text BMD (b_…)

Why

Diagrams go stale when only one side can edit them. Lulu Board keeps one text protocol as the source of truth: the agent writes it, you refine it on the canvas (or in Source), and both stay in sync.

Quick start

Chat entry is /board:

/board

The Drawer opens on a built-in template — the onboarding board — so you can see the loop right away:

Board · Onboarding

Onboarding — AI writes. Lulu Board draws. You work on the canvas.

Source (<>) → History to browse the built-in templates. New files are stored there too.

Draw from a prompt

Describe what you want after /board:

/board Draw an Android MVI architecture diagram for me.

The agent authors the source and opens the Drawer. From there you can drag and edit on the canvas, change Source by hand, or ask again — same document, shared with the agent.

A signed-in owner can share a saved cloud board from the Share dock. The first audience is All, with View or Edit. Anyone with the #s: link can open the current board; Edit lets a signed-in visitor change that same row.

Board · Android MVI

Board · Android MVI — ask in chat, see it in Drawer, edit on canvas or in Source

MCP configuration

/board works without MCP: the agent opens an unsigned #z: link. To create and update the latest cloud board for your account, add the hosted MCP and Connect.

{
  "mcpServers": {
    "lulu-board": {
      "url": "https://mcp.luluboard.app/mcp"
    }
  }
}

In Cursor, open Settings → Tools & MCP. Add that URL if lulu-board is not listed, then Connect and approve sign-in. After the whoami tool is listed, /board writes https://luluboard.app/#b:… instead of #z:.

Examples

Click a preview to open the source.

Board

Board · LLM Architecture

LLM Architecture
Agent stack from data through training

Skill

Chat entry is /board.

skill/
  board/     # SKILL.md, scripts/, templates/

Develop

examples/    # README previews (source + PNG) → packed into skill/board/templates
packages/    # board, drawer-app
scripts/     # build tooling
skill/       # /board skill
tests/
.cache/web/  # generated public viewer

From the repo root:

node scripts/web-build/build.mjs
# or pack examples alone:
node scripts/examples-templates-build/build.mjs

License

来源:GitHub · github.com