该技能是 VS Code 设计哲学的权威版本，作为开发者与智能体推理 UI 的唯一事实来源。随着 UI 越来越多由智能体和工具实现，像素本身趋于自动化，稀缺的人类部分变成其背后的设计判断。它主张左移：用设计术语而非像素讨论 UI，并尽早对话。例如「这里是 8px，应该是 6px」只修一个数字，而「这个平面圆角处在了错误的层级」点出规则，修正便能覆盖各处，并在稿样或截图中而非代码评审中发现。
阅读方式为三层，每层解释下一层：Values（希望人们感受到什么、为什么重要，如 Focused）；Principles（可拿来检验设计的评价性规则，以问题形式表述，如「一个为主，其余为辅」——目光先落在哪里）；Moves（具体机制，每条含选择规则与理由，如把次要面板降为内凹背景令牌/更安静的字重）。学习时自上而下读，修 bug 时自下而上：先命名感受，再找被破坏的原则，最后取用恢复它的手法。
四个价值：Calm（静息时安静、不杂乱，有呼吸感，柔和而非尖锐，人话表达）；Focused（清晰层级，一个为主其余为辅）；Consistent（一切处于同一梯度和层级）；Delightful（小而做实事儿的时刻——引导、确认、定位）。之所以是这四个，是因为它们正是 VS Code 在结构上最容易失去的品质：Calm 是 IDE 的第一牺牲品；Focused 因界面深而重要；Consistent 需长期维护以防漂移；Delightful 被刻意节制。每个价值都对应真实取舍，例如 Calm 对抗密度、Focused 对抗均等曝光。
七条原则按价值分组：1 静息时安静、意图时呈现；2 留出呼吸空间；3 界面平实友善地自我解释；4 一个为主其余为辅；5 高度有编码依据而非目测；6 相同即相同；7 愉悦须证明其价值。
手法是机械工具箱：设计令牌而非像素为事实来源；圆角按角色分层（Control 4px、Inner 6px、Outer 8px，Pill 用 circle 令牌）；间距取自 0–40 的间距梯度；文字用角色（heading1–3、body1–2、label1–3）与 regular/semiBold 两个字重，无 medium；图标仅 16px 基础与 12px 紧凑两档，紧凑时换用 Compact 字形；描边统一 1px；颜色全部来自 --vscode- 主题令牌；并包含按意图显现的交互行为（commandCenter、statusBar 等）。