#设计
Vercel 公开 Design.md 教科书级范本：语义化颜色、角色化字号与组件引用规范详解
近期出现了完全通过 AI 制作的网站，家具展示区域支持 360 度拖拽和放大查看细节。
关于 Design.md，给 AI 一份设计规范让它生成代码时有章可循。但实际动手写时，很多人会卡住——不知道写什么、写到什么…
5 个前端美化 Skills 推荐：从轻量优化到完整设计系统，告别 AI 生成页面粗糙感
AI 写的前端页面太丑？一眼就能看出「AI 味」？试试这几个前端美化 Skill，能让页面质感直接提升一个档次。
Taste-skill — 54.6k Star 的轻量设计优化器
Taste-skill 是目前 GitHub …
8 个 GitHub 神级开源项目推荐：让 AI 生成网页告别千篇一律的模板感
GitHub 上关于"去 AI 味儿"的开源项目已经卷成红海。以下整理了 8 个最值得安装的 AI 设计 Skill 和工具，让 AI 生成的网页告别千篇一律的模板感。
1. Anthropic 官方前端设计 Skill
frontend…
guizang-material-illustration 开源 Skill：基于 GPT-Image 2.0 的文章配图生成工具
歸藏开源了 guizang-material-illustration，一个基于 GPT-Image 2.0 的文章配图 Skill。它能将文章、笔记、数据或产品说明转化为带中文标签的 3D 材质风格解释图，视觉风格为白底工作室光线、克制的…
motion-anything 开源项目：免费版 Figma Motion + 无水印动效视频工坊
Open Design 团队开源了 motion-anything，一个能直接在真实网页上运行的动效引擎。与大多数原型工具不同，motion-anything 生成的动效是真实的 HTML + CSS + JavaScript，部署即可上线…
基于 shadcn 编写 B 端设计 Skill：规则、皮肤、实现三层解耦实践
基于 shadcn 为 AI 编写 B 端设计 Skill，将设计师的经验判断转化为 AI 可执行的规则。shadcn 解决了界面实现，但 B 端产品的关键判断——金额对齐、操作按钮堆叠、AI 建议可信度等&mdas…
AI 不按规范生成页面？问题可能不在提示词，而在你的知识组织方式
最近刷到一篇文章，讲了一个很多 AI 用户都遇到过的问题：为什么 AI 不按规范生成页面？
文章作者是设计师范米花儿，她提到了一个很有意思的观察。很多人问她的核心问题其实就一个：我明明有 Figma 组件库、有规范文档、甚至有前端工程，为什…
Claude Design 系统提示词曝光：Anthropic 的 9 条 AI 设计黑名单
Claude Design 的内部系统提示词被开发者提取并开源到了 GitHub，项目名为 claude-design-system-prompt，采用 MIT 协议。项目上线两天就从 700 多星突破 1200 星。
提示词包含 20 个…
Vercel 和 Linear 设计工程师开源的 AI 动效审美 Skill
在 AI 编程工具领域，一个常被忽视的痛点是：Agent 写 UI 时功能齐全、代码干净，但细节和交互动画质感差——看起来过于表面和粗糙。按钮反馈弱、动画时机不对、视觉层级混乱，这些设计上的取舍往往是 AI 无法自行…
text-to-cad：AI 驱动的开源 CAD 源码生成与机器人描述技能库
机械设计又又又卡住了。
用 AI 生成了 CAD 模型,拿到手里却是STL网格,改不了孔的位置。
想要将数据导出为 STEP 格式给工厂使用，还需要重新构建几何体。
机器人描述文件需要手动添加大量的XML标签，很容易出现错误。
最近在 Gi…