# Design Extract (MCP server)

> Design Extract is an MCP server that adds web browsing tools to AI assistants such as Claude Desktop, Claude Code and Cursor. Extract any website's complete design system with one command. It has 4,175 GitHub stars, is released under the MIT license and runs locally with npx -y designlang.

Built by Manav Arya Singh ( @Manavarya09 ) Atlas Cloud — powers OpenAI-compatible --smart classification. For AI coding workflows, try the Atlas Cloud coding plan .

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/Manavarya09/design-extract |
| GitHub stars | 4,175 |
| License | MIT |
| Language | HTML |
| Transport | stdio |
| Packages | npm: designlang |
| Remote URL | none |
| Needs API key | no |
| Official | no |
| Works with | Claude Desktop, Claude Code, Cursor, VS Code |
| Category | Web & browsing |
| Latest release | v13.3.2 (Sep 23, 2026) |
| Last commit | Sep 29, 2026 |

## Install

### Claude Desktop (claude_desktop_config.json)

```json
{
  "mcpServers": {
    "design-extract": {
      "command": "npx",
      "args": [
        "-y",
        "designlang"
      ]
    }
  }
}
```

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

### Claude Code

```sh
claude mcp add --transport stdio design-extract -- npx -y designlang
```

### Cursor (.cursor/mcp.json)

```json
{
  "mcpServers": {
    "design-extract": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "designlang"
      ]
    }
  }
}
```

Project file; use ~/.cursor/mcp.json to enable it in every project.

### VS Code (.vscode/mcp.json)

```json
{
  "servers": {
    "design-extract": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "designlang"
      ]
    }
  }
}
```

Config formats checked against the official docs on 2026-10-07.

## Similar MCP servers

- [Browser Use](https://appsgit.com/mcp-servers/browser-use): Control a real Chrome browser to complete any task: fill forms, extract data, book flights. (117,307 stars, MIT, official)
- [Scrapling MCP Server](https://appsgit.com/mcp-servers/scrapling-mcp-server): Web scraping with stealth HTTP, real browsers, and Cloudflare bypass. (86,017 stars, BSD-3-Clause)
- [Chrome DevTools MCP](https://appsgit.com/mcp-servers/chrome-devtools-mcp): MCP server for Chrome DevTools. (53,049 stars, Apache-2.0)
- [Bytedance Browser](https://appsgit.com/mcp-servers/bytedance-browser): MCP server for browser use access. (39,206 stars, Apache-2.0)
- [Bytedance Commands](https://appsgit.com/mcp-servers/bytedance-commands): An MCP server to run arbitrary commands. (39,206 stars, Apache-2.0)
- [Bytedance Search](https://appsgit.com/mcp-servers/bytedance-search): MCP server for web search operations. (39,206 stars, Apache-2.0)

---

Canonical page: https://appsgit.com/mcp-servers/design-extract
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.