用途：在 React/Next.js 或 Angular TypeScript 代码库中构建、修改并验证用户界面，遵循项目架构、设计系统约束、无障碍要求与既有前端约定。适用于组件、页面、布局、CSS、Tailwind、shadcn、表单、交互、客户端状态及前端 API 集成；不适用于后端 API、数据库/ORM、认证服务端与原生移动开发。
主要能力：按 Server/Client Component 边界组织代码；使用 shadcn/ui 原语与包装组件；处理响应式设计、表单校验与用户交互；集成后端 API；在 Angular 项目中使用 standalone 组件、signals、RxJS（非平凡流必须附 marble 测试）。
使用方式：先识别目标路由、组件、状态边界与设计系统约束，读取既有模式；再按 PREPARE、ACQUIRE、ACT、VERIFY、FINALIZE 流程实施；最后运行 lint、typecheck、测试及浏览器/响应式检查。可用代码智能工具定位文件与符号，必要时调用 shadcn 注册表工具。
限制：components/ui/* 视为只读，不直接编辑；设计令牌、i18n 字符串与共享工具须使用项目既有来源，不硬编码颜色与 UI 文本；仅在项目无既定选择时套用默认技术栈，不授权迁移技术栈；缺失设计令牌、i18n 或后端契约时需说明假设或报告阻塞。具体安装命令与配置细节资料中暂未提供。