第一章核心哲学：三个拨盘驱动一切
不靠"感觉"做设计，用三个量化拨盘精准控制每个决策。每个拨盘 1-10 分，组合决定最终风格。本页拨盘 V=9 M=8 D=3。
拨盘推断：技能根据页面类型自动推断。"极简/干净"→ 5-6/3-4/2-3；"Awwwards/花哨"→ 9-10/8-10/3-4。
第二章技能生态系统：六大核心技能
以下 6 个技能随 design-taste-frontend 捆绑安装，覆盖从创意设计到代码输出的完整品质链路。taste 负责路由派发，不约束子技能的设计风格。
design-taste-frontend设计品味总控
反 AI 同质化的总调度中心。读取设计意图，推断审美方向，用三大拨盘控制决策，内置 60+ 项飞前检查清单。负责路由派发，不约束子技能设计风格。
// ... rest of code// TODO: implementOUTPUT 100% COMPLETE full-output-enforcement完整输出强制
禁止截断、省略、骨架代码模式。确保每次输出都是可运行的完整代码。
high-end-visual-design高端机构级
双层嵌套 + 磁性按钮 + 弹簧动效。顶级机构产出标准。
Less, but better
minimalist-ui极简编辑风
温暖单色 + 字体对比 + 扁平便当格。安静的力量。
industrial-brutalist-ui工业粗野主义
瑞士印刷 + 军事终端。直角、粗边框、极端字号。
v1→v2
redesign-existing-projects项目重设计
审计设计债务，渐进升级。兼容任何 CSS 框架。
调度："高端/Awwwards"→ high-end-visual-design；"极简/编辑"→ minimalist-ui；"粗野/工业"→ industrial-brutalist-ui；"重设计"→ redesign-existing-projects；兜底→ frontend-design。taste 不做风格约束，各子技能自主设计。构建后 taste 做 lint 扫描（em-dash、Inter、eyebrow 超标等），输出 [Taste Control] 摘要。
第三章四种审美流派 - 视觉 Demo
技能体系定义了多条审美路线。以下是四种核心风格的实际渲染效果对比。
Editorial UI
Less, but better
Warm monochrome. No gradients, no heavy shadows.
ExploreMinimalist极简编辑风
温暖单色 + 字体对比 + 扁平便当格。适用：文档产品、编辑平台、个人博客。
Premium Studio
Crafted with intent
Double-bezel architecture, magnetic buttons.
View WorkHigh-End Agency高端机构风
双层嵌套 + 磁性按钮 + 弹簧物理。适用：设计机构、品牌官网、SaaS 落地页。
[ SYSTEM REPORT ]
RAW
DATA
REV 3.2 · UNIT/D-04 · CLASSIFIED
Industrial Brutalist工业粗野主义
瑞士印刷 + 军事终端。无圆角、粗边框、极端对比。适用：数据面板、开发者工具。
Liquid Glass
Surfaces with depth
Backdrop-filter blur with inner refraction.
Get StartedGlassmorphism液态玻璃科技风
多层 backdrop-filter + 内发光边界 + 光晕折射。适用：AI 产品、科技品牌。
第四章AI 设计十大禁忌
LLM 生成设计时最常见的"AI 痕迹"，技能将它们标记为硬性禁止。
01Em-Dash 完全禁用
破折号是 AI 设计的头号签名。用句号或逗号替代。
02Inter 不作为默认
所有 AI 都默认 Inter。用系统字体栈。
03禁用 AI 紫色渐变
紫色渐变是 LLM 出厂设置。用中性基底。
04禁止三列等分卡片
最无聊的 AI 布局。用不对称网格替代。
05禁止居中 Hero 默认
VARIANCE>4 时 Hero 不应居中。
06禁止 Fake 截图
用 div 拼假仪表盘是 AI 标志性痕迹。
07禁止通用占位名
John Doe、Acme Corp 是 AI 默认选项。
08禁止手工 SVG 图标
用 Phosphor/Radix/Tabler 等专业库。
09禁止装饰性滚动提示
用户知道怎么滚动。不需要教学。
10禁止 AI 营销套话
Elevate、Seamless、Next-Gen 一律禁用。
01Em-Dash 完全禁用
破折号是 AI 设计的头号签名。用句号或逗号替代。
02Inter 不作为默认
所有 AI 都默认 Inter。用系统字体栈。
03禁用 AI 紫色渐变
紫色渐变是 LLM 出厂设置。用中性基底。
04禁止三列等分卡片
最无聊的 AI 布局。用不对称网格替代。
05禁止居中 Hero 默认
VARIANCE>4 时 Hero 不应居中。
06禁止 Fake 截图
用 div 拼假仪表盘是 AI 标志性痕迹。
07禁止通用占位名
John Doe、Acme Corp 是 AI 默认选项。
08禁止手工 SVG 图标
用 Phosphor/Radix/Tabler 等专业库。
09禁止装饰性滚动提示
用户知道怎么滚动。不需要教学。
10禁止 AI 营销套话
Elevate、Seamless、Next-Gen 一律禁用。
第五章设计系统选择决策树
不是所有项目都要从零写 CSS。清晰的决策路径。
第一问对标已知设计体系？
使用官方包，绝不手写 CSS 模拟。
@fluentui@carbonshadcn/ui
第二问审美方向而非系统？
原生 CSS + Tailwind，诚实标注灵感来源。
GlassmorphismBentoBrutalism
第三问重设计项目？
保留模式：审计品牌令牌，字体刷新，间距校准。
翻新模式：全新视觉，保留内容和 SEO。
铁律一个项目只用一个设计系统。不混用 Material + shadcn/ui + Fluent。
第六章飞行前检查清单
60+ 项强制检查。以下是核心 20 项，任何一项未通过页面就不算完成。
设计推断已声明（一句话"设计解读"）
三个拨盘值明确且有理有据
零个 Em-Dash 出现在页面上
页面主题锁定：全页同一模式
色彩一致性锁定：全页一个强调色
Hero 适配首屏：标题最多 2 行
导航栏单行显示，高度不超 80px
无三列等分特征卡片
按钮对比度通过 WCAG AA
图标来自专业库
所有动效有明确动机
无装饰性滚动提示或编号分区标签
移动端折叠规则已显式声明
min-h-[100dvh] 替代 h-screen
真实图片或占位符，无 div 假截图
暗色模式 token 已定义并测试
动效声明 = 动效呈现
使用 IntersectionObserver
禁止 window.addEventListener('scroll')
Core Web Vitals 达标
设计品味，从对抗默认开始
design-taste-frontend 的本质，是给 AI 一套"反默认"的设计纪律。它不教你什么是美，而是帮你避开那些让 AI 页面看起来千篇一律的模式。