← ClaudeAtlas

erp-prototype-to-vue3listed

Convert pages registered in an ERP-style (XinPlat / Ant Design 5) static prototype site's menu.config.js into Vue 3 + Ant Design Vue 4 demo pages, mock API files, and menu rows. Use for single-page or whole-site conversion, IR behavior translation, style-extension porting, and Vue3 runtime acceptance. Do not use to create the static prototype, initialize the framework, or connect a real backend.
xiaofengche123/prototype-validation-service · ★ 1 · Web & Frontend · score 69
Install: claude install-skill xiaofengche123/prototype-validation-service
# ERP Prototype To Vue (Vue3 edition) Convert static prototype business pages into the Vue3 demo framework generated by `erp-prototype-vue3-framework` (**Vue 3.4 + Ant Design Vue 4**). Static paths stay Chinese; Vue paths are derived from the English `data-page` code. ## Resources - Read `references/psm-ui-profile.md` before converting naming, menus, styles, or component patterns. - Read `references/interaction-ir.md` before translating `data-action`, `data-modal`, or `data-nav`. - Read `references/visual-parity.md` before converting page layout or styles. - Read `references/manual.md` only for extended examples or troubleshooting. ## Hard Rules - Vue files must be English-coded: `src/views/<模块>/<子模块>/<编码>.vue`. - API files must be `src/views/<模块>/<子模块>/<编码小写>Api.js`. - Derive `<模块>/<子模块>` from the code's letter part (the code minus its trailing 2 digits): module = first 2 letters, submodule = the remaining letters. Standard 6-char codes: `BMWL01 -> BM/WL`, `BMSP04 -> BM/SP`. **旧编码兼容**(erp-prototype-site 允许沿用 `^[A-Z]{2,6}[0-9]{2}$` 的旧编码):`FXGLQD01 -> FX/GLQD`, `RWJSC01 -> RW/JSC`. Legacy codes are valid input — do not rename them to 6 chars during conversion (renaming breaks `data-nav` targets and the correspondence with the old system). - `menu.js` must satisfy `formEname == 编码 == .vue filename` and `formLoadPath == /views/<模块>/<子模块>/<编码>`. - Chinese page names go only into display fields such as `formCname`, `groupCname`, and `fullTitle`. - Use mock-only API files; do