CldKit
首頁瀏覽RECIPES提交CLIAI 策展助手登入
登入
CldKit
瀏覽Recipes提交CLI·關於隱私條款

為 AI 開發者建置。每個 components 都經過審查。

© 2026 CldKit

語言
首頁>探索>Extract Design System

Extract Design System

74/100
MCP Server
作者 Arvind RK@arvindrk
MIT

Agent skill, CLI, and MCP server that extracts colors, typography, spacing, radius, and shadows from public websites into JSON and CSS variables.

來源

評審評分

安全性27/35維護性26/35易用性21/30
安全性27/35
維護性26/35
易用性21/30
證據:
low
評審於 May 1, 2026
已漂移

評審版本

main@2026-04-30

最新版本

1.5.11(有漂移)

新鮮度

評審版本為 main@2026-04-30;最新版本為 1.5.11。

評分反映被評審版本,後續更新可能導致變化。

安全審計 - 未報告風險

審計於 May 1, 2026

實測驗證

✗ 啟動失敗 @1.5.11Jun 13, 2026
$ cldkit mcp-test extract-design-system
MCP error -32000: Connection closed

連續兩次驗證失敗,該套件可能已停止維護——建議查看替代品。

概覽

適合使用

不適合使用

配置

新增到 Claude Desktop 配置:

npx skills add arvindrk/extract-design-system

故障排查

場景

標籤

用於 Recipes

  • Visual Technical Briefing(Extracts visual tokens from a reference site)
  • Frontend Growth Launch(Extracts design token candidates)
  • Frontend AI Design Studio(Extracts token candidates and visual references)
MCP Server

加入 Claude

npx skills add arvindrk/extract-design-system

CldKit CLI

cldkit install extract-design-system
cldkit info extract-design-system

安裝 CLI: npm i -g @cldkit/cli

版本

1.5.11

星標

24

許可證

MIT

相容性

claude-code
codex
cursor

連結

GitHub 來源@arvindrk
design
frontend
design-tokens
css
mcp
frontend
style-extraction
評審版本為 vmain@2026-04-30,最新版本為 v1.5.11。評分可能不反映當前版本。