别只叫 AI 画画了！这个 Skill 直接把网站变成“可复用的设计系统”
它到底做了什么
上周挖到一个让我起鸡皮疙瘩的 Skill：AnyDesign。它不是帮你做图的，而是帮你“读懂”一套设计系统。
给 Claude 扔一张截图、一个 URL、甚至一个 Figma 文件，它会自动输出一套结构化 design.md：设计哲学、色彩 token、字体系统、组件清单、布局规则、可访问性报告，全齐。更狠的是，它还能只提取单个元素——比如一个导航栏、一张 3D 插画——直接给你可执行的 rebuild prompt。
为什么我把它归到“设计 / AIGC”
普通 AIGC 工具是“生成一张图”，而 AnyDesign 做的是“理解一套视觉语言”。它把 Dribbble shot、竞品官网、品牌物料拆解成 W3C DTCG 标准的 design tokens，输出可以直喂给 v0、Lovable、Cursor 再生成页面。等于你拿到了“中间层”：不是灵感，不是成品，而是可复用的设计逻辑。
两个真实场景
- 团队要抄 Linear 的质感：扔个 vercel.com，它提取了 808 个 CSS 变量，生成 design.md，v0 直接还原。
- 品牌要一张 3D hero：它从原站提取精确色值，生成 token-grounded prompt，Midjourney / SD / Flux 都能接。
上手成本
纯 Python 脚本，零复杂依赖。把 skill 文件夹丢进 ~/.claude/skills/ 就行。网页抓取需要装一次 Chromium，图里拎颜色需要 Pillow，常规 pip install 即可。
总结
做设计的同学别再只盯着“AI 帮我画一张”了。AnyDesign 这种“逆向工程设计系统”的 Skill，才是让 AI 真正嵌入设计工作流的关键一步。
GitHub： https://github.com/uxKero/anydesign
评论区
0 条评论
登录后可评论。
