design-extract
design-extract
📖 简介
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude代码/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+.
查看英文原版
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+.
📥 安装此技能
ai-agent install design-extract
📖 其他安装方式
方法 2:从 GitHub 克隆
git clone https://github.com/Manavarya09/design-extractcd design-extractai-agent link .
方法 3:手动安装
# 下载技能后复制到技能目录 cp -r design-extract ~/.ai-agent/skills/
💡 提示: 技能将安装到你的本地 目录,不会存储在我们的服务器上。