用途：在 React 与 Tailwind 项目中创建或重设计页面、流程与组件，使界面贴合产品、保留明确约束，并让主要任务清晰可辨。仅阅读与当前任务相关的参考资料。
主要能力：按请求范围工作——咨询、比较或询问技能用法时只作答，不编辑文件、不持久化上下文、不生成报告；明确要求评审时只检查并报告，仅在用户请求或已授权时实施修复。上下文收集顺序为：复用用户当前指令与已授予的创作权限；读取项目上下文（如 .better-react-web-ui.md、父级默认值、页面简报、既有设计文档）；检查受影响代码、调用方、资源与设计系统；只询问会实质改变工作的缺失事实，并标注合理假设。
使用方式：先检测现有 React 框架、Tailwind 配置、组件、令牌与数据流，复用合适代码与已安装依赖；框架相关决策查阅官方文档，Next.js 可读 node_modules/next/dist/docs/ 中与版本匹配的文档。用间距、分组、字体与对比建立层级，再考虑装饰。区分需求与偏好：保留无障碍、真实内容、可用控件与用户明确约束；美学建议仅作为开放决策的默认值。构建最小完整版本，覆盖加载、空、错误、成功与响应式状态，乐观更新仅在失败可恢复且不误导用户时使用。交付前检查主操作是否清晰可用、桌面与手机布局、键盘操作、可见焦点、对比度、减少动效下的内容可达性，以及图片加载与布局偏移；性能结论须基于测量。
适用场景：落地页与营销页、层级与布局、排版、颜色与状态、图像与层次、动效与滚动、响应式、控件与表单、文案与产品决策、最终评审等，可按参考索引处理认证、电商、数据可视化、引导、权限与本地化等专题。
限制：不得编造客户、评价、指标、能力、紧迫感或稀缺性；价格、同意、破坏性后果与取消路径须清晰。不要为外观重写成熟库语义；Astro 项目仅在需要交互处添加 React 岛。未提供的信息（如具体收费、平台支持范围）暂未提供。