设计咨询 Skill 教程

每次启动新项目，我们往往在逻辑实现上胸有成竹，却在面对空白的 CSS 文件和无穷无尽的色彩列表时感到力不从心。我们渴望产品拥有像那些顶级 SaaS 应用一样的专业感，却常常苦于没有一套严密的审美框架，只能在零碎的组件堆砌中试图寻找平衡。

视觉设计的难点是建立一套逻辑自洽的规范，而非单纯挑选颜色。设计咨询 Skill 正是为此而生：它是你的配色助手，也是你的设计合伙人。它会从理解你的产品灵魂开始，参考全球顶尖产品的设计路径，为你提出一套既稳妥又带有个性的视觉方案，并最终沉淀为一份项目根目录下的视觉宪法。

教程目录

建议你从这里开始：先通过快速入门体验从一个模糊想法到 HTML 预览页面的神奇跨越。当你需要深入理解每一项设计背后的审美动机时，功能详解会为你揭开设计咨询如何构建品牌记忆点，而场景案例则展示了从个人工具到严谨商业系统在不同语境下的视觉表达。

如果你好奇那套“内心戏”是如何运转的，原理解析章节详述了从产品画像到 Safe 与 Risk 权衡的完整逻辑。最后，我们在常见问题中为你解答了关于设计权、适应性和视觉规范落地的各种疑惑。

你会用到它的时刻

当你刚刚拉起一个新仓库，正对着 package.json 发愁 UI 该用什么基调；或者当你已经有了一套雏形，却总觉得现在的界面显得“廉价”，想要引入更专业的字体排版和色彩层级，它都能立刻就位，为你调研行业现状并给出专业提案。

甚至在长期的团队协作中，当不同开发者开始随心所欲地添加 CSS 变量时，它能帮你统一那份 DESIGN.md 规范，确保系统的每一处细节都呼吸着同一种审美的空气。对于追求“交付感”的开发者来说，它是将创意构思转化为可落地视觉标准的利器。

在最终采纳建议前，请务必在它生成的 HTML 预览页面中检查颜色对比度与排版细节。现在就从“快速入门”开始，为你的项目建立第一份专业的视觉基石。