别再只会说「感觉不对」了，微软这套设计 Skill 让我秒变专业评审

做设计评审的时候，你是不是也只会说「这个间距有点怪」「这个颜色不太对」？

朋友，那是玄学，不是设计判断。

最近逛 SkillsMP 的时候，挖到微软 VS Code 团队开源的一个 design-philosophy Skill，看完我只想说：这才是设计师该用的思维工具。

它到底是什么？

这不是一个「教你怎么画 UI」的教程，而是一套 给 AI 用的设计语言体系。

微软把 VS Code 用了这么多年的设计判断，提炼成了三层结构：

– Values（价值层）：Calm、Focused、Consistent、Delightful —— 先问「这个界面给人什么感觉」
– Principles（原则层）：可评估的问题，比如「这里是不是只有一个主视觉？」
– Moves（操作层）：具体的修复动作，比如「把次要面板降到 recessed token」

当你觉得「哪里怪怪的」，不用再猜像素，往上套一层 Values，再对一层 Principles，最后自然落到 Moves —— 整个评审流程就像外科手术一样精准。

为什么这个 Skill 值得搬？

第一，作者就是 VS Code 团队本身，187k+ Stars，每天都在真实产品里被验证。

第二，它解决的是 AI 设计最大的通病：AI 生成的东西「看着还行但总觉得不对劲」。这个 Skill 给 AI 装上了设计审美的元认知能力，让它知道「为什么不对」而不是只会改代码。

第三，完全开源可复用，不管你是用 Claude、Codex 还是其他 Agent 平台，直接装进你的工作流。

适合谁用？

– AIGC 产品经理：让 AI 输出更符合设计规范的界面
– 独立设计师：用这套语言跟工程师对齐术语
– 前端开发：review 的时候不说「感觉不对」，说「这里不 Focused」

写在最后

真正拉开设计差距的，从来不是像素层面的打磨，而是对「为什么这样设计」的理解。

微软这套 Skill，就是把这种理解打包给了 AI。

GitHub 地址： microsoft/vscode design-philosophy

去装吧，下次评审时记得套一层 Values，效果会不一样。

—

标签：Skill, AI, 工具, Claude, 设计, AIGC

—

**GitHub:** https://github.com/microsoft/vscode/tree/main/.github/skills/design-philosophy