用途：在 React/Next.js 或 Angular TypeScript 代码库中构建、修改并验证遵循项目架构、设计系统约束、无障碍预期与既有前端约定的用户界面。适用于组件、页面、布局、CSS/Tailwind、shadcn、表单、交互、客户端状态及前端 API 集成；不适用于后端 API、数据库/迁移/ORM、认证服务端搭建和原生移动开发。
主要能力：按 Server/Client Component 边界组织代码；使用 shadcn/ui 原语与包装组件；处理响应式设计、表单校验与交互；集成后端 API；在 Angular 项目中使用 standalone 组件、OnPush、signals、inject() DI、懒加载路由与 RxJS。
使用方式：先识别目标路由、组件、状态边界与设计系统约束，读取既有模式；再按 PREPARE、ACQUIRE、ACT、VERIFY、FINALIZE 流程执行。常用检索命令为 rg --files 与 rg "components/ui|shadcn|use client|generateMetadata|useQuery|i18n|design-tokens" .，随后运行项目的 lint、typecheck、测试及浏览器/响应式检查。
限制与约定：components/ui/* 视为只读，需通过包装组件或 cva 组合定制；设计令牌、i18n 字符串与共享工具须使用项目既有来源，不得硬编码颜色或界面文案；Next.js 中每个 Link 必须显式决定 prefetch，默认传 prefetch={false}；Angular 中非平凡 RxJS 管道必须附带 marble 测试。资料未提供具体收费、价格与平台信息。