使用说明
devglide
AI-native development environment for Claude Code
A modular toolkit that gives your AI coding assistant project management, browser testing,
workflow automation, and more — all through MCP tools and a unified dashboard.
Quick Start • Modules • Architecture • MCP Tools • License
DevGlide是什么？
Claude Code本身很强大，但它在纯文本终端中运行。DevGlide给它 眼睛、手和记忆 --Claude通过可视化工具控制的浏览器仪表板 主控程序.
计划 --带有功能、任务、错误、工作日志和审查反馈的看板。克劳德拿起任务，更新进度，并记录所做的事情。
测试 --描述用自然语言测试什么，Claude会自动生成浏览器自动化场景。构建在每次提交之前运行的回归套件。
自动化 --具有shell命令、决策、循环和集成的可视化DAG工作流。定义一次流程，通过提示或事件触发它们。
快速开始
# Install globally
npm install -g devglide
# Set up MCP servers and Claude Code integration
devglide setup
# Start the dashboard
devglide dev
打开 http://localhost:7000 --就是这样。Claude Code现在可以使用所有61个MCP工具。
要求： Node.js>=22， 克劳德代码 命令行界面
平台： Linux、macOS和Windows（本机、WSL或Git Bash）。
模块
DevGlide搭载了11个集成模块。九个暴露了Claude Code直接调用的MCP服务器；其中两个是仅用于仪表板的工具。
看板——任务管理
用完整的看板将工作组织成功能。列从待办事项列表流向完成。Claude拿起任务，将其分阶段移动，添加工作日志，并记录审查反馈——所有这些都是通过MCP完成的。
外壳——终端多路复用器
多窗格终端仪表板，带有PTY仿真功能，每个窗格可滚动200KB。Claude可以创建窗格、运行命令和读取输出。支持Windows上的bash、cmd和Git bash，以及嵌入式浏览器视图。
测试——AI驱动的浏览器自动化
用简单的英语描述要测试什么，Claude会自动生成浏览器自动化场景。构建一个已保存的场景库，并在每次提交之前运行回归套件以捕获破坏。
工作流--可视化DAG生成器
将多步骤过程定义为有向无环图。节点类型包括shell命令、看板操作、git操作、决策、循环、HTTP调用和子工作流。Claude会自动将用户提示与工作流相匹配。
Coder-浏览器内编辑器
文件树查看器和编辑器，用于直接在仪表板中导航您的monorepo。无需离开浏览器即可浏览、读取和编辑文件。
语音——语音和转录
可配置的语音转文本，带有可插拔的提供者、神经文本转语音、带文本分析的转录历史和使用分析。删除音频文件或直接录制以进行转录；使用TTS进行语音通知。
文档
直接在仪表板中提供的产品文档和指南，包括导航、模块参考和API文档。
聊天——多LLM通信
共享聊天室，用户和多个LLM实例（Claude Code、Cursor、Codex等）通过@notice地址进行通信。服务器为每个参与者分配一个唯一的、令人难忘的名字。消息通过PTY注入LLM的shell窗格传递给LLM。
在自由聊天的基础上， 管道 协调跨代理的多阶段工作：线性切换、扇出和合成器聚合。每个阶段都有一个租赁任务；代理人阅读他们有权输入的内容 pipe_read_output 并返回结果 pipe_submit消息历史记录以JSONL的形式保存在每个项目中，管道消息被双写到每个管道的JSONL文件中，以实现高效的作用域读取。
还有更多
| 模块 | 类型 | 功能 |
|---|---|---|
| 词汇 | MCP | 用于一致人工智能解释的领域特定术语词典 |
| 日志 | MCP | 浏览器控制台捕获、日志流和会话跟踪 |
| 提示 | MCP | 可重用提示模板库 {{variable}} 插值法 |
| 键位映射 | UI | 键盘快捷键配置仪表板 |
建筑
┌─────────────────────────────────────────────────────────┐
│ Claude Code (CLI) │
│ │
│ "create a kanban task" "run the smoke tests" │
│ "check the logs" "match a workflow" │
└────────────┬────────────────────────┬───────────────────┘
│ stdio (MCP) │ stdio (MCP)
▼ ▼
┌────────────────────────────────────────────────────────┐
│ DevGlide MCP Servers (x9) │
│ │
│ kanban shell test workflow vocab voice log prompts chat │
└────────────────────────┬───────────────────────────────┘
│
shared state
│
▼
┌────────────────────────────────────────────────────────┐
│ Unified HTTP Server (:7000) │
│ │
│ REST API Socket.io Static Assets MCP/HTTP │
│ /api/* real-time /app/* /mcp/* │
└────────────────────────┬───────────────────────────────┘
│
▼
┌────────────────────────────────────────────────────────┐
│ Browser Dashboard │
│ │
│ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐ │
│ │ Kanban │ │ Shell │ │ Test │ │ Log │ ... │
│ └────────┘ └────────┘ └────────┘ └────────┘ │
└────────────────────────────────────────────────────────┘
它是如何工作的： devglide setup 使用Claude Code注册9台MCP服务器。每台服务器都作为一个独立的stdio进程运行。统一服务器上也可以通过HTTP使用相同的工具，因此浏览器仪表板和Claude Code始终共享相同的状态。
MCP工具
9台服务器上的61个工具。展开每个部分以获取完整参考。
Kanban — 15 tools
| 工具 | 说明 |
|---|---|
kanban_list_features |
列出所有带分页的功能 |
kanban_create_feature |
创建新功能板 |
kanban_get_feature |
通过列和任务获取功能详细信息 |
kanban_update_feature |
更新功能名称、描述或颜色 |
kanban_delete_feature |
删除功能及其任务 |
kanban_list_items |
通过过滤和分页列出任务/错误 |
kanban_create_item |
创建新任务或bug |
kanban_get_item |
获取完整的商品详细信息 |
kanban_update_item |
更新项目字段 |
kanban_move_item |
将项目移动到其他列 |
kanban_delete_item |
删除任务或bug |
kanban_append_work_log |
记录已完成的工作（仅可追加，版本化） |
kanban_get_work_log |
读取完整的工作日志历史记录 |
kanban_append_review |
添加审核反馈（仅可附加，版本化） |
kanban_get_review_history |
阅读评论历史 |
Shell — 5 tools
| 工具 | 说明 |
|---|---|
shell_list_panes |
使用CWD列出活动终端窗格 |
shell_create_pane |
创建新的终端窗格 |
shell_close_pane |
关闭终端窗格 |
shell_run_command |
执行命令并捕获输出 |
shell_get_scrollback |
获取最近的终端缓冲区 |
Test — 7 tools
| 工具 | 说明 |
|---|---|
test_commands |
列出可用的自动化命令 |
test_run_scenario |
执行临时测试场景 |
test_save_scenario |
将场景保存到库中 |
test_list_saved |
列出已保存的场景 |
test_run_saved |
按ID运行已保存的场景 |
test_delete_saved |
删除已保存的场景 |
test_get_result |
检查执行结果和时间 |
Workflow — 6 tools
| 工具 | 说明 |
|---|---|
workflow_list |
列出所有工作流 |
workflow_get |
获取完整的工作流程图 |
workflow_create |
创建新工作流 |
workflow_get_instructions |
从已启用的工作流编译指令 |
workflow_match |
将用户提示与相关工作流相匹配 |
workflow_toggle |
启用或禁用工作流 |
Vocabulary — 6 tools
| 工具 | 说明 |
|---|---|
vocabulary_list |
列出所有术语定义 |
vocabulary_lookup |
按名称或别名查找术语 |
vocabulary_add |
添加新的术语定义 |
vocabulary_update |
更新现有术语 |
vocabulary_remove |
删除术语 |
vocabulary_context |
按编译后的降价获取所有术语 |
Voice — 6 tools
| 工具 | 说明 |
|---|---|
voice_transcribe |
将音频转录为文本 |
voice_speak |
使用神经TTS大声朗读文本 |
voice_stop |
停止当前语音播放 |
voice_history |
列出或搜索过去的转录 |
voice_analytics |
获取聚合转录统计数据 |
voice_status |
检查服务状态和统计数据 |
Log — 4 tools
| 工具 | 说明 |
|---|---|
log_write |
添加日志条目 |
log_read |
读取最近的日志条目 |
log_clear |
清除特定日志文件 |
log_clear_all |
清除所有跟踪的会话日志 |
Prompts — 7 tools
| 工具 | 说明 |
|---|---|
prompts_list |
列出带有筛选功能的提示 |
prompts_get |
获取检测到的变量的完整提示 |
prompts_render |
使用变量替换渲染模板 |
prompts_add |
保存新的提示模板 |
prompts_update |
更新提示内容或元数据 |
prompts_remove |
删除提示 |
prompts_context |
将所有提示编译为markdown上下文 |
Chat — 11 tools
| 工具 | 说明 |
|---|---|
chat_join |
加入聊天室；通过直播 paneId 从 DEVGLIDE_PANE_ID 和 submitKey: "cr" （默认值，适用于所有已知客户端） |
chat_leave |
离开聊天室 |
chat_send |
发送消息（传递已解决） to 加上body@提及；使用 @all 广播） |
chat_read |
使用限制、自和主题过滤器读取消息历史记录 |
chat_members |
列出具有窗格链接状态的活动参与者 |
chat_status |
检查您的连接状态和诊断（调试交付问题） |
pipe_submit |
提交管道阶段的输出（使用代替 chat_send 为了一个 #pipe- 提示） |
pipe_read_output |
阅读您有权获得的阶段输入（前一阶段输出、提示或汇总扇出） |
pipe_get_assignment |
检查管道的分配元数据（角色、阶段、租约、截止日期） |
pipe_list_assignments |
列出当前和待处理的管道分配及其租赁状态 |
pipe_status |
获取详细的管道状态：插槽状态、租约、计时、死信条目 |
CLI参考
devglide dev # Run server in foreground (recommended)
devglide start # Start as background daemon
devglide stop # Stop the server
devglide restart # Restart the server
devglide status # Show running status
devglide logs # Tail server logs
devglide setup # Register MCP servers with Claude Code
devglide teardown # Unregister MCP servers
devglide mcp <name> # Launch a single MCP server on stdio
devglide list # Show available MCP servers
技术栈
| 层 | 技术 |
|---|---|
| 运行时 | Node.js>=22（ES模块） |
| 语言 | TypeScript 5.8 |
| 服务器 | Express 5，Socket.io 4 |
| MCP | @modelcontextprotocol/sdk |
| 数据库 | better-squarite3（嵌入式） |
| 终端 | 节点pty |
| Monorepo | pnpm工作区+Turborepo |
| 验证 | Zod |
| 测试 | Vitest |
项目结构
devglide/
├── bin/devglide.js # CLI entry point
├── src/
│ ├── server.ts # Unified HTTP server (:7000)
│ ├── apps/
│ │ ├── kanban/ # Task management
│ │ ├── shell/ # Terminal multiplexer
│ │ ├── test/ # Browser automation
│ │ ├── workflow/ # DAG workflow engine
│ │ ├── vocabulary/ # Domain terminology
│ │ ├── voice/ # Speech-to-text
│ │ ├── log/ # Console capture
│ │ ├── prompts/ # Prompt templates
│ │ ├── chat/ # Multi-LLM chat room
│ │ ├── coder/ # In-browser editor
│ │ └── keymap/ # Keyboard shortcuts
│ └── packages/
│ ├── mcp-utils/ # MCP server factory
│ ├── design-tokens/ # UI design system
│ ├── shared-types/ # TypeScript types
│ └── ...
└── ~/.devglide/ # Runtime state (DB, logs, PIDs)
为什么选择DevGlide？
AI编码助手受到其界面的限制。Claude Code在终端中运行——它可以读写文件，但不能管理项目板、查看浏览器日志、运行可视化测试套件或遵循可重复的工作流。
DevGlide弥合了这一差距。它不是构建一个单一的工具，而是组成 小型、专注的MCP服务器 每个人都把一件事做好。Claude Code会自动发现它们，并像使用一样自然地使用它们 git 或 npm.
结果：你的人工智能助手不仅仅是写代码——它 计划 工作， 测试 UI， 自动化 过程，以及 记得 域上下文。当你在实时仪表板上观看它发生的时候。
许可证
麻省理工学院 © 2026 丹尼尔 库蒂拉
