بنقرة واحدة
11comm-app
يحتوي 11comm-app على 4 من skills المجمعة من ruan-cat، مع تغطية مهنية على مستوى المستودع وصفحات skill داخل الموقع.
Skills في هذا المستودع
使用 wot-design-uni 的 wd-form 组件编写表单页的标准规范 - 提供表单结构、wd-picker 选择器、校验规则、提交处理的完整规范。 触发条件(满足任意一项即触发): - 页面包含 <wd-form> 组件 - 需要实现表单页面(创建、编辑、提交等) - 需要添加选择功能(必须使用 wd-picker 而非 wd-radio-group) - 需要添加表单分区标题(必须使用 FormSectionTitle) - 用户提及"表单"、"wd-form"、"表单校验"、"表单提交"等关键词 - 从 Vue2 迁移表单页面 - 需要实现单选/多选功能(单选用 wd-picker,多选用 wd-checkbox-group) 必须协同的技能: - beautiful-component-design(FormSectionTitle、图标、美化) - api-migration(如果有接口调用) - api-error-handling(如果有接口调用) - code-migration + component-migration(从 Vue2 迁移时) 禁止项: - 禁止使用 wd-radio-group 实现单选(应使用 wd-picker) - 禁止使用 <view class="section-title"> 代替 FormSectionTitle - 禁止 wd-cell 包裹 wd-picker(正确:wd-picker 包裹 wd-cell) - 禁止使用不存在的 #value 插槽 - 禁止单选初始化为数组(应为空字符串) - 禁止多选初始化为字符串(应为空数组) 覆盖场景:维修工单创建、房屋申请、投诉录单、活动报名、用户信息编辑等所有表单页面。
专业的接口迁移与编写专家。从 Java110Context + uni.request 迁移到 Alova + TypeScript,并同时适配当前仓库的 Nitro / Vite mock 双运行时架构。 触发条件(满足任意一项即触发): - 需要新增或修改 `src/api/*.ts` 接口定义 - 需要新增或修改 `server/modules/*/{endpoints,repository}.ts` - 需要为 H5 mock / Nitro 双运行时补齐同一份接口实现 - 需要从旧项目 `gitee-example/constant/url.js` 迁移接口地址 - 需要维护 `src/api/mock/*.mock.ts` 本地 mock 包装层 - 用户提及“API 迁移”“接口定义”“Nitro 接口”“本地 mock”“useRequest”等关键词 必须协同的技能: - api-error-handling(几乎所有接口调用都需要) - z-paging-integration(分页列表时) - use-wd-form(表单提交时) - code-migration(从 Vue2 页面迁移时) 禁止项: - 禁止为已共享化模块把业务数据和 CRUD 逻辑继续堆回 `src/api/mock/*.mock.ts` - 禁止把迁移后的前端接口统一改成 `/api/**`,应继续兼容旧业务路径 - 禁止在 API 泛型里包裹 `ApiResponse` - 禁止使用 `try/catch` 包装 `send()` - 禁止在 `server/**` 运行时代码中使用 `@/` alias 或省略相对导入 `.ts` 扩展名 - 禁止为了写 H5 mock 再维护一套与 Nitro 分叉的业务实现 覆盖场景:列表、详情、创建、更新、状态流转、字典查询、分页接口,以及双运行时下的接口复用。
专注于 Vue2 Options API 到 Vue3 Composition API + TypeScript 的迁移。 触发条件(满足任意一项即触发): - 任务包含"Vue2 到 Vue3"、"Options API"、"Composition API"、"代码迁移"等关键词 - 需要将 Options API(data、methods、computed)转换为 Composition API(ref、reactive、computed) - 需要添加 TypeScript 类型定义 - 需要迁移生命周期钩子(mounted → onMounted) - 需要将 Vuex 迁移到 Pinia - 需要编写组合式函数(Composables) - 需要添加 definePage 页面配置 - 需要处理静态资源导入(@/ 别名 → import) - 从 Vue2 项目迁移页面代码 必须协同的技能: - component-migration(组件迁移)- ColorUI → wot-design-uni - style-migration(样式迁移)- ColorUI 类名 → UnoCSS 原子类 - api-migration(如果有接口)- API 调用 - api-error-handling(如果有接口)- 错误提示 - route-migration(路由迁移)- pages.json → 约定式路由 禁止事项: - 禁止使用 export default {}(必须使用 <script setup lang="ts">) - 禁止使用 this(Composition API 中不存在 this) - 禁止使用 any 类型(必须明确类型) - 禁止在 definePage 中添加 name 或 meta 字段(只使用 style) - 禁止在微信小程序样式中使用 * 通配符选择器 - 禁止在模板中直接使用 @/ 别名字符串(静态资源必须 import) 覆盖场景:几乎所有从 Vue2 迁移到 Vue3 的页面都需要此技能,包括代码结构、响应式数据、生命周期、状态管理等。
专注于 Vue2 传统路由配置到 Vue3 约定式路由的迁移。 触发条件(满足任意一项即触发): - 任务包含"路由迁移"、"pages.json"、"约定式路由"、"路由配置"等关键词 - 需要从 pages.json 迁移到文件系统路由 - 需要添加 definePage 页面配置 - 需要配置强类型路由系统(TypedRouter) - 需要更新路由跳转代码(uni.navigateTo → TypedRouter) - 需要处理多平台路由适配 - 需要查阅路由迁移映射表(docs/prompts/route-migration-map.yml) - 从 Vue2 项目迁移页面路由 必须协同的技能: - code-migration(代码迁移)- Vue2 → Vue3 代码写法 - component-migration(组件迁移)- ColorUI → wot-design-uni - style-migration(样式迁移)- ColorUI 类名 → UnoCSS 原子类 禁止事项: - 禁止自行决定路由路径(必须查阅映射表) - 禁止使用 uni.navigateTo 字符串拼接(必须使用 TypedRouter) - 禁止在 definePage 中添加 name 字段(只使用 style) - 禁止跳过 definePage 配置(会导致标题显示为 "unibest") - 禁止不更新映射表状态(完成后必须添加 ✅ 标记) 覆盖场景:几乎所有从 Vue2 迁移到 Vue3 的页面都需要此技能,包括路由配置、页面跳转、参数传递等。