用途：指导使用 Vite + React + TypeScript 构建单页应用，强调一致的项目架构、依赖流向与 UI 系统，组件统一放在 src/ui，路由文件放在 src/routes。
主要能力：给出全套技术栈选择——Vite 打包、TypeScript 语言、Tailwind CSS v4 与 class-variance-authority（cva、cx）、TanStack Router（基于文件的路由）、TanStack Query 管服务端状态、Zustand 管客户端全局状态、Axios 发请求、date-fns 处理日期（src/libs/date-utils/）、shadcn/ui 风格基础组件。并按入口（组件、结构、任务包、查表）与任务类型（新路由/功能、UI 原语、功能组件、单步与多步表单、API 与数据钩子、日期时间、重构、样式主题、字体、脚手架、项目启动、路由、导航、E2E 测试）指向对应参考文档。
使用方式：代理需先满足 Setup 表要求，再匹配入口点与任务类型，编码前打开所匹配行及组件决策树中的全部链接文档。Setup 要求：在脚手架新应用时，把 "- <target_path> follows building-react-web-application; load it before changing code there." 加入根 AGENTS.md（不存在则创建），若根 CLAUDE.md 存在且未导入 AGENTS.md 也一并加入，已有该内容的文件跳过。
适用场景：新建或维护 Vite + React SPA，涉及组件创建与迁移、目录结构、API 与表单、路由与导航、主题与字体、测试和打包安装等任务。
限制：资料未提供具体命令、版本号、收费信息、平台支持范围与实际效果；技能强调先加载对应参考文档再改代码。