mcpField
@
@demoway/mcp-server

@demoway/mcp-server

Local
github.com/DemoWayOfficialDeveloper Tools3Updated 66w ago
Repository

About @demoway/mcp-server

@demoway/mcp-server connects DemoWay page captures to AI workflows, helping teams revise existing pages or generate designs and frontend code. It supports searching demo pages and downloading captured HTML formatted for AI use.

Key features

  1. 01Search demo pages by keyword
  2. 02Download captured pages as AI-friendly HTML

Use cases

  1. 01Find a page in a DemoWay demo
  2. 02Export captured pages for AI modification

MCP support

The MCP server exposes tools to search DemoWay demo pages and download captured page HTML. It requires the DemoWay browser extension and a DemoWay API key.

#demoway#ai-design#frontend-code-generator

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
  "mcpServers": {
    "demowayofficial": {
      "command": "npx",
      "args": [
        "-y",
        "@demoway/mcp-server"
      ],
      "env": {
        "DEMOWAY_API_KEY": "<DEMOWAY_API_KEY>"
      }
    }
  }
}
Run commandnpx -y @demoway/mcp-server
Environment variables to set
DEMOWAY_API_KEYSecret

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npm@demoway/mcp-server

Tools

4

Saved tool list · updated 3w ago

ParameterTypeRequiredDescription
urlstringYesdemo page url
keywordstringYesSearch keyword

Details

From the project README

English | 日本語 | 中文

@demoway/mcp-server

npm package Downloads Issues Commitizen Friendly

DemoWay MCP Server allows you to provide an existing single page or all pages in a functional flow to the AI for further modification, generating new page designs or frontend code.

You need to install the DemoWay browser extension to use it with the DemoWay MCP Server.

Available Tools

  • download_demo_step_pretty_html: Download the captured pages in an AI-friendly HTML format to your local computer for further modification by AI
  • search_demo_step: Search for a specific page by keyword in the specified demo

Usage

Configuration

For Mac/Linux User

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

For Windows User

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

You can get the DEMOWAY_API_KEY from the dashboard in DemoWay.

Detailed Guide

https://demoway.com/docs/mcp

License

MIT ©DemoWay

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.