taste-web-performance 是一个面向智能体生成页面的 Web 性能技能规范，隶属 madebymustafa/design-taste 系列。其核心主张是：速度是设计的一部分——一个在 900ms 才绘制完成且标题发生位移的主视觉区（hero），就是坏掉的主视觉区。
用途与定位
该技能用于约束智能体在构建页面时的性能纪律，围绕 Google 的 Core Web Vitals 三大指标（LCP、CLS、INP）以及页面总体积，给出可执行的预算与检查规则。它强调页面必须先声明性能预算，否则就等于没有计划。
主要能力与规则
性能预算：以移动端中位硬件（而非开发者的 Mac）的 p75 为目标，LCP 小于 2.5 秒，CLS 小于 0.1，INP 小于 200ms；营销页总体积不超过 1.5MB，“简单”页面应在 500KB 以下。预算需写入构建说明。
字体加载：最多两款字体家族、约四种字重样式；所有 Web 字体使用 font-display: swap，并预留空间或把位移控制在 3px 以内；仅预加载主视觉的 woff2 字体，其余懒加载或按 unicode-range 子集加载；禁止 CSS @import、阻塞首屏的字体加载脚本，以及加载当前路由不使用的字体。若装饰性字体较重，可对主视觉以下内容使用系统字体回退。
图片处理：每张图片都必须显式声明宽高或宽高比以修复 CLS；运行时使用 AVIF/WebP，仅在真正需要透明时用 PNG，禁止营销页出现 2MB 的 JPEG；使用 srcset/sizes 做响应式交付，折叠线以下懒加载，LCP 图片设置 fetchpriority="high"；装饰性背景用 CSS 渐变、噪点、图案实现，而不是 400KB 的大图；主视觉图片应在标记中按正确宽高比裁切，而非用 CSS 挤压。
CSS 与 JS 交付：CSS 保持单文件或按路由拆分关键 CSS，两段式小页面不引入框架样式表；非交互关键的 JS 一律 defer，静态页不引入 React 等框架；关键路径中不放同步第三方脚本（聊天组件、分析），分析脚本最多在交互后加载；动画仅使用 transform/opacity，滚动中动画 top/width/box-shadow 会造成卡顿。
验证流程：构建后在移动端 Slow 4G 节流配置下运行 Lighthouse（而非本地 Mac），报告三大指标与页面体积，超预算项要么修复要么书面说明原因；每次字体或图片变更后需重新检查；prefers-reduced-motion 与离线安全字体不是可选项。
使用方式
资料未提供该技能的安装命令、调用方式或运行环境说明，暂未提供。从内容看，它是一份供智能体遵循的性能规范清单，可配合构建与 Lighthouse 验证流程使用。
适用场景
适合让智能体生成营销页、落地页等以首屏呈现和转化为主的静态或轻交互页面，也适合用作页面交付前的性能审查清单。
限制
资料未提供具体工具集成方式、自动化检测实现、收费与授权信息，暂未提供。文中规则主要针对智能体生成页面的构建阶段，未涉及服务端渲染、复杂应用或后端性能优化等场景。