AI 做界面为什么总显廉价？这个 Skill 给了精确答案
AI 做界面，为什么总有一股”廉价感”？
用 AI 生成过网页或 App 界面的设计师，一定有同感——出来的成品永远是那副面孔：Inter 字体、紫白渐变、居中卡片、满屏 glassmorphism。别说普通用户一眼辨出”这是 AI 做的”，连设计师自己看多了都审美疲劳。
问题不在 AI 不够强，而在于大多数 Design Skill 只给了模糊的原则，不给具体的值。你告诉 AI”用好看的字体”，它当然选 Inter——因为它不知道还有什么更好的选择。
所以当我发现 Picasso 这个 Skill 时，真的有点激动。
一个 Skill，19,000 行设计规范
Picasso 号称”史上最大最全面的 AI 设计 Skill”，不是吹牛。它把设计知识拆成了 33 个参考域，每个域都有精确的数值和可落地的代码，不是一句话原则，而是工程规格书级别的操作手册。
字体系统：直接列出 15+ 个 Inter/Roboto 替代品，包含模块化字阶、OpenType 特性激活、垂直节奏系统，还有 max-width: 65ch 这种精确约束。
颜色系统：OKLCH 色彩空间构建色板，告别纯灰中性色，强制 60-30-10 配色比例，甚至告诉你”alpha 是设计异味”——透明度滥用是廉价感的根源。
动效规范：时长精确到 100/200/300/500ms，只允许动画 transform 和 opacity，退出动画时长是进入动画的 75%，网格行高动画用 grid-template-rows，stagger 有上限——这些都是让动效看起来”贵”的细节。
空间系统：4px 基准间距，Gestalt 近接比例 2:1 最小值，Squint Test 模糊测试，不对称栅格，甚至告诉你”卡片不是必须的”——这种反常识的设计原则才是真正拉开差距的地方。
还有一个超酷的功能：从任意网站”偷”设计 DNA
输入 /steal https://linear.app，Picasso 就能提取 Linear 的整个设计语言：字体、色板、间距节奏、圆角系统、阴影风格、动效模式、布局结构，生成一个 .picasso.md 文件，让你的项目匹配那个网站的视觉调性。
或者你只有一个词？/mood cyberpunk，它能从”赛博朋克”这个词生成完整设计系统——色板、字体、间距、动效、组件样式，全部自动配套。
支持的触发词包括：cyberpunk、cottagecore、brutalist、luxury、editorial、playful、corporate、dark-tech、warm-saas、minimal……以及任意组合。
兼容所有主流 AI 编码 Agent
Picasso 不是为某一个 Agent 定制的——Claude Code、Codex、Copilot、Cursor、Gemini CLI、Windsurf 都能用。安装方式也很简单：
- 通过 LobeHub Skill 市场安装
- 或直接
npx tomevault add viperrcrypto/picasso - 或
npx skills add picasso
MIT 协议，商用友好，项目在 GitHub 上持续更新。
如果你的 AI 界面输出总被吐槽”太 AI 了”，与其换模型，不如先让 AI 读一本设计圣经。
评论区
登录后可评论。