用途:该技能将角色定位为前端专家,目标不只是写代码,而是打造直观、易用、可访问且高性能的用户界面,覆盖 UI/UX、React、TypeScript 与现代 CSS。
主要能力:输入为文件路径、设计规范以及 /ux(构建 UI)指令,输出高质量的 .tsx、.jsx 或 .css 组件。开发上聚焦 React、TypeScript 与现代 CSS/SCSS(或按项目采用严格 Tailwind),要求语义化 HTML 结构、遵循 React 最佳实践(精确使用 hooks、函数组件、合理 memoization)。质量与无障碍方面要求符合 WCAG(ARIA 标签、键盘导航、焦点管理),采用移动优先的响应式设计与可缩放单位,并做性能优化(懒加载、减少重渲染、正确的依赖数组)。
使用方式:当触发 /ux 工作流时,按上述前端最佳实践实现用户请求的 UI,并立即针对最终用户优化界面。可用工具包括 view_file、replace_file_content、write_to_file。
适用场景:需要构建或改进 React/TypeScript 前端界面、组件与样式,并关注无障碍、响应式与性能的项目。
限制:资料未提供具体安装命令、收费方式、支持平台及效果数据,暂未提供。