Back to Developer Tools
DemoWay AI Design MCP
The world’s first: Empower AI to modify pages in your existing web product and generate new designs or frontend code
Last updated: 1/27/2026
README
[English](./README.md) | [日本語](./README.ja-JP.md) | [中文](./README.zh-CN.md)
# @demoway/mcp-server
[![npm package][npm-img]][npm-url] [![Downloads][downloads-img]][downloads-url] [![Issues][issues-img]][issues-url] [![Commitizen Friendly][commitizen-img]][commitizen-url]
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](https://chromewebstore.google.com/detail/demoway/nagpcohhbjekmliolabhhnmgcjndbbdi) 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**
```json
{
"mcpServers": {
"demoway": {
"command": "npx",
"args": ["-y", "@demoway/mcp-server@latest"],
"env": {
"DEMOWAY_API_KEY": "<YOUR_API_KEY>"
}
}
}
}
```
**For Windows User**
```json
{
"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](https://app.demoway.com/dashboard/settings/feature).
### Detailed Guide
https://demoway.com/docs/mcp
## License
MIT ©[DemoWay](https://demoway.com)
[downloads-img]: https://img.shields.io/npm/dt/@demoway/mcp-server
[downloads-url]: https://www.npmtrends.com/@demoway/mcp-server
[npm-img]: https://img.shields.io/npm/v/@demoway/mcp-server
[npm-url]: https://www.npmjs.com/package/@demoway/mcp-server
[issues-img]: https://img.shields.io/github/issues/DemoWayOfficial/mcp-server
[issues-url]: https://github.com/DemoWayOfficial/mcp-server/issues
[commitizen-img]: https://img.shields.io/badge/commitizen-friendly-brightgreen.svg
[commitizen-url]: http://commitizen.github.io/cz-cli/
Installation
Add this MCP to your configuration:
{
"mcpServers": {
"demoway-ai-design-mcp": {
// See GitHub repository for configuration
}
}
}See the GitHub repository for full installation instructions.