用途：这是一套面向前端、后端与 LLM 推理的性能优化规则集合，共 23 条规则、9 个类别，按影响等级标注（CRITICAL/HIGH/MEDIUM），用于指导性能优化实践。
主要能力：Core Web Vitals 覆盖 LCP、INP、CLS，并给出 2026 更严格阈值（LCP≤2.0s、INP≤150ms、CLS≤0.08）；渲染优化含 React Compiler 自动记忆化、手动 useMemo/useCallback、TanStack Virtual 虚拟化；懒加载含 React.lazy+Suspense、路由拆分、悬停预加载；图片优化含 AVIF/WebP 格式选择与响应式图片；剖析含 React DevTools、py-spy、cProfile、打包分析；LLM 推理含 vLLM 部署、量化（AWQ/GPTQ/FP8/INT8）、推测解码；缓存含 Redis cache-aside 与 HTTP/提示缓存；数据获取含 TanStack Query 预取与乐观更新；可持续性含页面体积预算与暗色模式。
使用方式：按规则文件（如 rules/cwv-lcp.md）查阅对应模式。本地剖析可用 Portless 命名 URL，例如先执行 portless list，再用 agent-browser open "https://app.localhost" 配合 profiler 或 Lighthouse，也可直接运行 npx lighthouse https://app.localhost --output=json --output-path=/tmp/lighthouse.json；Portless 安装命令为 npm i -g portless。
适用场景：Web 前端性能调优、后端剖析、LLM 推理吞吐优化与成本控制。
限制：部分主题（Core Web Vitals 机制、Next.js Image、React Compiler 迁移、TanStack Virtual、vLLM 等）已归属一方来源，本技能不再重述；具体收费、价格与平台支持情况暂未提供。