SuperAPI AI 工具集

oma-frontend

前端与建站

查看项目

更新于 10-15 21:42

技能介绍

用途:在 React/Next.js 或 Angular TypeScript 代码库中构建、修改并验证面向浏览器的用户界面,覆盖组件、页面、布局、CSS、Tailwind、shadcn、表单、交互、客户端状态与前端 API 集成。不适用于后端 API、数据库/迁移/ORM、认证服务端搭建(应使用 Backend Agent)以及原生移动开发(应使用 Mobile Agent)。

主要能力:按 Server/Client Component 边界组织代码;使用 shadcn/ui 原语与包装组件;处理响应式设计、表单校验与用户交互;接入后端 API;在 Angular 项目中使用 standalone 组件、signals、RxJS,且非平凡 RxJS 流必须附带 marble 测试。

使用方式:先识别目标路由、组件、状态边界与设计系统约束,读取既有模式;再按 PREPARE、ACQUIRE、ACT、VERIFY、FINALIZE 流程执行;最后运行 lint、typecheck、测试及浏览器/响应式检查。可用代码智能工具(如 Serena 的 find_file、search_for_pattern、get_symbols_overview、find_symbol)定位文件与符号。

限制与约定:components/ui/* 视为只读,不直接编辑;设计令牌、i18n 字符串与共享工具须使用项目既有来源,不硬编码颜色或 UI 文本;新增文件遵循命名约定,禁止 utils.ts、helpers.ts 等笼统命名及版本后缀;仅在项目无既定选择时应用默认技术栈,不得借局部修改迁移技术栈。资料未提供具体收费、价格与平台信息。