SuperAPI AI 工具集

peach-refactor-frontend

前端与建站

查看项目

更新于 10-15 21:49

技能介绍

用途:面向 Vue3/TypeScript 前端项目的代码重构,将既有前端代码转换为 test-data 指南代码模式,在保持原有功能的前提下改进结构与用户体验。触发关键词包括「프론트 리팩토링」「UI 리팩토링」「Vue 코드 정리」。

主要能力:以 three 个子代理顺序执行重构,覆盖 Type & Store(Pinia 状态管理、API 联调与状态同步)、Pages(Vue3 Composition API 与 URL 状态管理、watch 数据自动刷新)、Modals & Validator(NuxtUI v3 模态、yup schema 校验)。核心原则包括功能 100% 保留、搜索/分页/排序状态使用 URL query 管理、route 变化与数据同步保持 watch 模式一致、与 test-data 模式结构一致。

使用方式:命令为 /peach-refactor-frontend [모듈명] [옵션]。选项 layer 默认 all(type/store/pages/modals/all),ui 默认 crud(crud/two/select,详情见 ui-patterns.md),file 默认 N(是否增加文件功能)。流程先分析现有模块结构,再依次运行三个子代理,最后统一验证。

验证命令:cd front && bunx vue-tsc --noEmit;cd front && bun run lint:fix;cd front && bun run build。重构产物包括 type、store、pages(list、list-search、list-table、routes)、modals(insert、update、detail、validator)等文件。

限制:资料未提供收费、平台支持范围、性能或效果数据,也未说明除 Vue3/TypeScript 之外框架的兼容情况;实际可用性取决于项目是否具备对应的 test-data 参考代码与相关依赖。