首页/MCP Server 目录/Manavarya09/design-extract

Manavarya09/design-extract

❌ 实测失败serverHTMLMIT★ 5017

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.

实测结果

失败

沙箱内启动/握手失败，下方给出失败阶段与原始报错。失败阶段：initialize，错误类型：runtime_error。这类信息对判断“是不是我这边的环境问题”很有用，原始报错见下。

error_type: runtime_error

design-extract - Extract design context from screen recordings for Claude Code

Usage:
  design-extract init    Configure design-extract for this project
  design-extract help    Show this help message

安装方式: npx
包名: design-extract
解析依据: npm registry match (has bin)
沙箱: docker
总耗时: 101825 ms
安装耗时: 93212 ms
工作目录: 380 MB
探针版本: 1.0.0
实测时间: 2026-11-11 12:39:35

如何使用

❌ 实测失败runtime_error · design-extract - Extract design context from screen recordings for Claude Code；下面配置仅供参考，跑不跑得通取决于你的环境

1安装 / 启动命令npm / npx

npx -y design-extract

2客户端配置Claude Desktop / Cursor

{
  "mcpServers": {
    "manavarya09-design-extract": {
      "command": "npx",
      "args": [
        "-y",
        "design-extract"
      ]
    }
  }
}

整段粘进 claude_desktop_config.json 的 mcpServers 里（Cursor 用 ~/.cursor/mcp.json），保存后重启客户端。

安装方式来源：npm registry match (has bin)，沙箱实测未通过。

打开 GitHub 仓库 ↗项目主页 ↗MCP 体检工具

仓库信息

全名: Manavarya09/design-extract
分类: server
Stars: 5017
Forks: 416
主要语言: HTML
License: MIT
最近推送: 2026-11-05
仓库创建: 2026-04-15
首次收录: 2026-11-10
最近抓取: 2026-11-10

#accessibility#agent-skill#ai#chrome-extension#claude-code-plugin#cli#css#cursor#design-system#design-to-code#design-tokens#dtcg