看板——Rust+WASM
一个完全客户端的看板,可以编译为 WebAssembly 使用 细小的 和 树干.带有a的船只 Python MCP服务器 因此,AI代理可以通过编程方式对电路板进行读写操作。
______________________________________________________________________
特性
板
- 列 --默认值:待办/进行中/审核/完成;添加无限自定义列
- 卡片(任务) --在列之间拖放,标记徽章(功能/错误/任务/设计),删除
- 史诗 --颜色编码、截止日期、估计小时数、时间跟踪
- 故事 --归入Epics;将卡片链接到故事
- 子任务 --每张卡片上都有进度指示器的在线检查表
- 添加卡模式 --选择专栏、史诗、故事、标签
仪表盘
- 带有颜色条的史诗网格,截止日期(如果逾期,则突出显示红色)
- 进度条:已完成的列任务/每个史诗的总任务
- 时间跟踪器:记录的小时数与估计的小时数,由番茄钟计时器提供
番茄钟
- 25分钟工作/5分钟休息周期
- Epic选择器 --每个工作模式标记都会将所选史诗的记录时间增加1秒
- ▶ / ⏸ 切换,↺ 重置,⏭ 跳到下一个模式
MCP服务器(16个工具)
AI代理(Claude、Cursor等)可以通过模型上下文协议与电路板交互:
| 类别 | 工具 |
|---|---|
| 列 | list_columns, add_column, delete_column |
| 卡片 | list_cards, add_card, move_card, delete_card |
| Epics | list_epics, add_epic, delete_epic, log_time, get_epic_summary |
| 故事 | list_stories, add_story, delete_story |
| 董事会 | get_board_summary |
______________________________________________________________________
技术栈
| 层 | 技术 |
|---|---|
| 语言 | Rust(2021年版) |
| UI框架 | 勒普斯0.6 (细粒度反应性) |
| WASM打包机 | 行李箱0.21 |
| 定时器 | gloo定时器0.3 |
| ID | uuid 1(v4) |
| MCP服务器 | Python 3.12+ [mcp\[cli\]](https://pypi.org/project/mcp/) |
______________________________________________________________________
入门指南
先决条件
# Rust toolchain
curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
# WASM target
rustup target add wasm32-unknown-unknown
# Trunk
cargo install trunk
# Python ≥ 3.11 (for MCP server)运行董事会
# Dev server with hot-reload at http://localhost:8080
trunk serve
# Production build → dist/
trunk build --release运行MCP服务器
cd mcp_server
python -m venv .venv && .venv/bin/pip install -r requirements.txt
.venv/bin/python server.py在Claude Desktop注册
添加 ~/Library/Application Support/Claude/claude_desktop_config.json (macOS)或 %APPDATA%\Claude\claude_desktop_config.json (Windows):
{
"mcpServers": {
"kanban": {
"command": "/absolute/path/to/mcp_server/.venv/bin/python",
"args": ["/absolute/path/to/mcp_server/server.py"]
}
}
}______________________________________________________________________
项目结构
kanban-wasm/
├── src/
│ └── main.rs # Full Leptos app (~1100 lines)
├── mcp_server/
│ ├── server.py # Python MCP server (16 tools)
│ └── requirements.txt
├── style.css # Dark-theme CSS (no framework)
├── index.html # Trunk entry point
├── Cargo.toml
├── Trunk.toml
└── CHANGELOG.md______________________________________________________________________
MCP服务器状态
董事会状态保持不变 mcp_server/board_state.json 每次突变后。该文件在首次运行时使用示例数据自动创建,并在添加新字段时自动迁移。
______________________________________________________________________
许可证
麻省理工学院
