该技能是视觉工作的统一入口，适用于任何面向用户的 HTML/CSS/JS 输出，包括落地页、仪表盘、产品 UI、内部工具和作品集页面。
用途：作为 UI/UX 质量门禁与构建指南，统一管理构建路线、组件库策略与工程交付质量。
主要能力与流程：
- 选择构建路线：Track A 为手写静态预览、原生 HTML/CSS/JS；Track B 为使用 shadcn/ui、HeroUI 或 coss ui 的 React/Vite/Next 项目。路线与组件库策略由本技能负责。
- 强制接入 Taste Overlay 契约：在工作流中调用 taste-skill，仅用于 Brief Inference、设计旋钮（布局差异度、动效强度、视觉密度）和反模板化硬性规则三块。本技能保留工程质量与交付的所有权，taste-skill 提供风格方向与反模板约束。
- 运行时顺序：选 Track A/B → 在写 UI 代码前运行 taste Brief Inference → 应用设计旋钮确定风格方向 → 为交互页面先定义动效方案（动什么、为何动、频率、时长、缓动、减少动效路径）→ 按工程规则实现（无障碍、主题、响应式、组件策略、性能）→ 交付前运行 taste 反模板检查。 硬性规则：页面若有交互，动效设计为必需项（至少包含触觉反馈与状态过渡反馈），静态化的交互状态视为未完成 UI。
- 冲突仲裁：风格冲突以 taste-skill 为准；工程安全与正确性冲突以本技能为准，后者包含无障碍、响应式稳定性、交互可靠性、运行时正确性与性能约束。
taste-skill 需直接从 GitHub 读取，不维护本地镜像或版本标记文件：主技能文档见 https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/SKILL.md，原始下载地址为 https://raw.githubusercontent.com/Leonxlnx/taste-skill/main/skills/taste-skill/SKILL.md，完整包目录见 https://github.com/Leonxlnx/taste-skill/tree/main/skills。taste-skill 更新后应重新核对该 GitHub 源并在本技能的覆盖契约中应用相应变更。
工程参考文件包括：references/design-process.md（工程质量门禁清单）、references/component-libraries.md（组件库选择与查找流程）、references/animations.md（动效实现标准与交互动效要求）、references/charts.md（Chart.js/ECharts 实现模式）、references/dashboards.md（数据来源、实时更新、仪表盘结构与性能）。
限制：本次资料未提供具体安装命令、版本号、收费方式与平台支持范围。