用途：把视觉来源（图片、网站、Figma）转成可移植的设计文档，供 v0、Lovable、Cursor、Bolt、Claude Code 等 AI 构建器与设计工具使用。
主要产物：design.md（含 TL;DR、视觉识别、设计系统、组件清单、布局、重建说明、待确认问题的七段结构）；design-tokens.json（遵循 W3C DTCG 的 $value/$type 格式）；可选的 design-a11y.md（WCAG 2.1 对比度报告）。所有推断标注置信度：✅高/⚠️中/❓低。
安装：git clone https://github.com/uxKero/anydesign.git；复制到 ~/.claude/skills/ 或项目 .claude/skills/；进入目录后 pip install -r requirements.txt；如需截图则 playwright install chromium；Figma 分析需在 Claude 设置中连接 Figma MCP。
使用：可在 Claude 中直接给 URL、上传截图或提供 Figma 文件触发技能，例如“分析 https://vercel.com 并生成 design.md”。脚本也可独立运行：extract_css_vars.py 提取 CSS 变量、capture_site.py 多视口截图、extract_colors.py 提取主色、check_contrast.py 检查对比度、lint_design_md.py 校验文档、verify_design.py 比对线上令牌漂移、export_for_claude_design.py 导出 Claude Design 包。
适用场景：网站/截图的令牌化、设计系统重建、Figma 令牌一致性检查、品牌资产打包、CI 中的设计令牌审计。
限制：核心功能无需 API 密钥，但效果依赖来源；若网站用行内样式或 CSS-in-JS，CSS 提取可能为空，需改用视觉推断；Playwright 截图需安装 chromium 且可能被站点拦截；Figma 分析依赖 MCP 连接与查看权限。收费、价格与平台细节资料未提供。