快速接入

先看主来源和安装命令，再打开仓库或文档；下面只保留这个条目的关键接入事实。

详细介绍

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

= 22" />

______________________________________________________________________

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现在可以使用所有56个MCP工具。

要求： Node.js>=22，克劳德代码命令行界面 平台： Linux、macOS和Windows（本机、WSL或Git Bash）。

模块

DevGlide运送10个集成模块。八个暴露了Claude Code直接调用的MCP服务器；其中两个是仅用于仪表板的工具。

看板——任务管理

用完整的看板将工作组织成功能。列从待办事项列表流向完成。Claude拿起任务，将其分阶段移动，添加工作日志，并记录审查反馈——所有这些都是通过MCP完成的。

外壳——终端多路复用器

多窗格终端仪表板，带有PTY仿真功能，每个窗格可滚动200KB。Claude可以创建窗格、运行命令和读取输出。支持Windows上的bash、cmd和Git bash，以及嵌入式浏览器视图。

测试——AI驱动的浏览器自动化

用简单的英语描述要测试什么，Claude会自动生成浏览器自动化场景。构建一个已保存的场景库，并在每次提交之前运行回归套件以捕获破坏。

工作流--可视化DAG生成器

将多步骤过程定义为有向无环图。节点类型包括shell命令、看板操作、git操作、决策、循环、HTTP调用和子工作流。Claude会自动将用户提示与工作流相匹配。

Coder-浏览器内编辑器

文件树查看器和编辑器，用于直接在仪表板中导航您的monorepo。无需离开浏览器即可浏览、读取和编辑文件。

语音——语音和转录

可配置的语音转文本，带有可插拔的提供者、神经文本转语音、带文本分析的转录历史和使用分析。删除音频文件或直接录制以进行转录；使用TTS进行语音通知。

文档

直接在仪表板中提供的产品文档和指南，包括导航、模块参考和API文档。

还有更多

模块	类型	功能
词汇	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 (x8)                 │
│                                                        │
│  kanban  shell  test  workflow  vocab  voice  log  prompts │
└────────────────────────┬───────────────────────────────┘
                         │
                    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注册8台MCP服务器。每台服务器都作为一个独立的stdio进程运行。统一服务器上也可以通过HTTP使用相同的工具，因此浏览器仪表板和Claude Code始终共享相同的状态。

MCP工具

8台服务器上的56个工具。展开每个部分以获取完整参考。

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上下文

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    # 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
│   │   ├── 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， 自动化 过程，以及记得域上下文。当你在实时仪表板上观看它发生的时候。

许可证

目录标签

工作流自动化JavaScriptClaudeAI开发环境本地部署项目管理浏览器测试MCP工具

支持客户端

Claude

接入字段

传输方式（transport，传输协议）

未说明

鉴权方式（authType，认证方式）

none

工具数量（toolCount，工具数）

56

资源数量（resourceCount，资源数）

0

提示词数量（promptCount，提示词数）

0

权限和风险

未说明none部署方式未说明

接入前请确认传输方式、认证方式和部署位置，并根据实际工具能力限制访问范围。

安装前确认

不要直接授予不必要的文件、网络或账号权限；先核对安装命令和配置内容。

仍需确认：installCommand

来源信息

MCP World

mcpworld.com

/detail/211806885c39ec00a01bc53db358ce87

DevGlide是一个面向Claude Code的AI原生开发环境，提供项目管理、浏览器测试、工作流自动化等功能，通过MCP工具和统一仪表板实现。

继续浏览同类 MCP

更多AI代理 MCP（18,706）返回 MCP 目录

上一个 MCP

Development Of Web Services With RAG MCP

一个支持RAG（检索增强生成）、功能调用、多代理测试和Telegram集成的AI助手服务，专注于葡萄酒推荐和知识查询。

下一个 MCP

Device42 MCP

全面解析Device42 MCPMCP Server的核心功能、安装配置和实用案例。作为顶级Model Context Protocol服务器，Device42 MCP能让AI助手访问实时数据、执行操作，为您提供更智能的工作体验和自动化解决方案。

devglide (Danny Ns It Services)