← ClaudeAtlas

erp-prototype-vue3-frameworklisted

Create or repair an isolated, runnable Vue 3.4 + Ant Design Vue 4 mock demo framework for ERP-style (XinPlat / Ant Design 5) prototype pages. Use to initialize the erp-prototype-to-vue3 target, copy the shared framework template, verify dynamic menu imports, or repair the Vue3 runtime shell. Do not modify the production Vue2 psm-ui or convert specific static business pages with this skill.
xiaofengche123/prototype-validation-service · ★ 1 · Web & Frontend · score 69
Install: claude install-skill xiaofengche123/prototype-validation-service
# ERP Prototype Vue Framework (Vue3 edition) Create a standalone mock Vue3 framework that converted prototype pages can run inside. The template includes login, shell layout, side menu, multi-tab routing, local mock menu data, and one sample page. Directory layout and naming rules follow the shared demo-framework lineage, while the visual baseline is the 高端ERP (XinPlat / Ant Design 5 modern light) theme with primary color #1677ff, on **Vue 3.4 + Ant Design Vue 4 + Vue Router 4 + Vuex 4**. ## Resources - Copy the full project template from `assets/framework-template/`. - Read `references/psm-ui-profile.md` when validating naming, menu shape, style tokens, AntD Vue 4 API usage, or red lines. - Read `references/visual-parity.md` when validating the prototype parity style layer. - Read `references/manual.md` only for extra examples or troubleshooting. ## Hard Rules - Vue page paths use English codes only: `src/views/<模块>/<子模块>/<编码>.vue`. Module/submodule derive from the code's letter part (code minus trailing 2 digits): first 2 letters / remaining letters. This covers both standard 6-char codes (`BMSP01 -> BM/SP`) and legacy codes erp-prototype-site allows (`^[A-Z]{2,6}[0-9]{2}$`, e.g. `FXGLQD01 -> FX/GLQD`). - API files use lowercase code names: `src/views/<模块>/<子模块>/<编码小写>Api.js`. - `src/mock/data/menu.js` must keep `formEname == <编码> == .vue filename`. - `formLoadPath` must be `/views/<模块>/<子模块>/<编码>`. - Chinese appears in Vue only as display text such as `groupCname`, `f