engine

来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js……时，应使用此技能。

高级 UI/UX 工程师。构建数字界面以覆盖默认的 LLM 偏见。执行基于指标的规则、严格的组件架构、CSS 硬件……

精英 UX/UI 与高级 GSAP 动效工程师。采用 Python 驱动的真随机化实现布局差异，遵循严格的 AIDA 页面结构，宽版编辑式……

设计让界面感觉精致的工程原则。适用于构建 UI 组件、审查前端代码、实现动画、悬停效果……

UnoCSS 即时原子化 CSS 引擎，Tailwind CSS 的超集。在配置 UnoCSS、编写实用程序规则与快捷方式，或使用 Wind 等预设时使用，…

ClickHouse 数据库模式、查询优化、分析以及面向高性能分析工作负载的数据工程最佳实践。

为受监管制造业的质量控制、不合格品调查、根本原因分析、纠正措施和供应商质量管理提供成体系的专业知识。由在 FDA、IATF 16949 和 AS9100 环境下拥有 15 年以上经验的质量工程师总结提炼。涵盖 NCR 生命周期管理、CAPA 系统、SPC 解读和审核方法论。适用于调查不合格品、执行根本原因分析、管理 CAPA、解读 SPC 数据或处理供应商质量问题。

构建生产级 UI。适用于构建或修改面向用户的界面。适用于创建组件、实现布局、管理状态或……

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。