mcpField
@
@demoway/mcp-server

@demoway/mcp-server

本地服务
github.com/DemoWayOfficial开发工具366 周前更新

关于 @demoway/mcp-server

@demoway/mcp-server 将 DemoWay 页面捕获内容接入 AI 工作流,供团队修改现有页面或生成设计与前端代码。它支持搜索演示页面,并下载适合 AI 处理的 HTML。

主要功能

  1. 01按关键词搜索演示页面
  2. 02下载适合 AI 处理的页面 HTML

适用场景

  1. 01查找 DemoWay 演示中的页面
  2. 02导出捕获页面供 AI 修改

MCP 相关

该 MCP 服务提供搜索 DemoWay 演示页面和下载捕获页面 HTML 的工具。使用时需要 DemoWay 浏览器扩展和 API 密钥。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"demowayofficial": {
"command": "npx",
"args": [
"-y",
"@demoway/mcp-server"
],
"env": {
"DEMOWAY_API_KEY": "<DEMOWAY_API_KEY>"
}
}
}
}
启动命令npx -y @demoway/mcp-server
需要配置的环境变量
DEMOWAY_API_KEY密钥

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@demoway/mcp-server

工具

4

收录的工具列表 · 更新于 3 周前

参数类型必填说明
urlstring是演示页面 URL
keywordstring是搜索关键词

详细介绍

English | 日本語 | 中文

@demoway/mcp-server

npm package Downloads Issues Commitizen Friendly

DemoWay MCP Server 可将现有的单个页面或功能流程中的所有页面提供给 AI,以便进一步修改、生成新的页面设计或前端代码。

要将其与 DemoWay MCP Server 配合使用,您需要安装 DemoWay 浏览器扩展。

可用工具

  • download_demo_step_pretty_html:将捕获的页面以适合 AI 使用的 HTML 格式下载到本地计算机,供 AI 进一步修改
  • search_demo_step:在指定的演示中按关键词搜索特定页面

使用方法

配置

Mac/Linux 用户

{
  "mcpServers": {
    "demoway": {
      "command": "npx",
      "args": ["-y", "@demoway/mcp-server@latest"],
      "env": {
        "DEMOWAY_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}

Windows 用户

{
  "mcpServers": {
    "demoway": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "@demoway/mcp-server"],
      "env": {
        "DEMOWAY_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}

您可以从 DemoWay 控制面板获取 DEMOWAY_API_KEY。

详细指南

https://demoway.com/docs/mcp

许可证

MIT ©DemoWay

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。