用途：在创建或修改面向用户的界面、实现响应式布局、增加交互与状态管理、修复视觉或体验问题时提供工程化指引，目标是产出可访问、性能良好且视觉精致的前端 UI。
主要能力：给出组件架构与文件组织建议（如 TaskList 目录内聚合实现、测试、故事、hook 与类型）；提倡组合优于配置、单一职责、数据获取与展示分离；按场景选择状态管理（useState、提升状态、Context、URL 状态、React Query/SWR 服务端状态、Zustand/Redux 全局状态），避免超过三层的 prop drilling。设计系统方面要求遵循项目真实的间距刻度、字体层级与语义颜色令牌，并列出需避免的典型“AI 审美”模式（紫色渐变、过度圆角、通用 hero、占位文案、阴影堆叠等）。无障碍部分涵盖键盘可达、ARIA 标签、焦点管理与模态焦点陷阱、有意义的空态与错误态。响应式主张移动优先，建议在 320/768/1024/1440px 测试；加载态使用骨架屏与乐观更新。
使用方式与验证：按组件渲染无控制台报错、Tab 键可遍历交互元素、屏幕阅读器能传达结构、四档断点可用、加载/错误/空态齐备、遵循项目设计系统、无 axe-core 无障碍告警等清单自检。
限制：资料指出该目录未包含 references/accessibility-checklist.md 等外部前置材料，需从上游来源或用户提供的安装中获取，路径相对该安装解析并核验许可证与执行前提；在所需文件不存在前不得声称执行了相关流程。仅在任务与上游来源和本地项目上下文明确匹配时使用本技能，应用变更前应验证命令、生成代码、依赖、凭据与外部服务行为。资料未提供具体依赖版本、安装命令或价格等信息。