xiaofengche123

prototype-guide

面向非技术产品经理的对话式原型引导。当产品经理要"根据客户需求/需求文档/截图做原型页面""我要做个页面给客户看但不会写提示词"时使用。它用业务语言引导 PM(可附 markdown/图片),自动建议页面模板、做信息充分性检查、逐页确认后生成 psm「绿星链通」风格原型；技术细节(data-action/data-nav/data-modal 等 IR 标记、Vue 兼容、布局约束)对 PM 完全隐藏。生成阶段复用 prototype-site 的规则与产物。

prototype-site

Generate or update PSM-style static prototype sites with a shared shell, Chinese page paths, incremental menu registration, data-action/data-modal/data-nav IR markers, and pages that can be mechanically converted to Vue 3 (Ant Design Vue 4). Use when you need to create prototype pages, add pages to an existing prototype site, preserve shared shell/assets, or prepare static pages for prototype-to-vue3 conversion into the Vue3 demo framework (prototype-vue3-framework).

prototype-to-vue3

Convert PSM static prototype site pages into Vue 3 + Ant Design Vue 4 demo framework pages, mock API files, and menu rows. Use for single-page or whole-site conversion from Chinese-group static HTML pages into English-coded Vue files, preserving data-action/data-modal/data-nav behavior and mock-only execution. Emits Vue3/AntD4 idioms (v-model:value, a-form + a-form-item name, table

prototype-vue3-framework

Create or repair a runnable Vue 3.4 + Ant Design Vue 4 mock demo framework for PSM prototype pages. Use when you need to initialize a Vue3 frontend demo project, copy the shared framework template, verify menu dynamic imports, or provide the target project for prototype-to-vue3 converted pages. Vue3 edition — same visual style, layout, naming conventions and design tokens as the Vue2 framework, with the runtime upgraded to Vue 3 / AntD Vue 4 / Vue Router 4 / Vuex 4.

erp-prototype-guide

面向非技术产品经理的高端ERP风格（XinPlat / Ant Design 5）对话式原型引导。用于根据口述需求、PRD、截图或旧 HTML 做输入分诊、信息充分性检查、模板确认、逐页生成和批次恢复；当需求尚未整理成已确认的单页规格，或用户说“根据客户需求做原型”“不会写提示词”时优先使用。技术细节对 PM 隐藏，生成阶段委托 erp-prototype-site。

erp-prototype-site

Generate or update ERP-style (XinPlat / Ant Design 5 modern light) static prototype sites from a confirmed single-page specification, a detailed prompt file, or an erp-prototype-guide handoff. Use for shared-shell pages, Chinese page paths, idempotent menu registration, interaction IR, and Vue3 conversion readiness. Do not bypass erp-prototype-guide when raw PM requirements, documents, screenshots, or old HTML still need business confirmation.

erp-prototype-to-vue3

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.

erp-prototype-vue3-framework

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.

template-distill

Distill a style pack (visual contract + prototype-side golden page + parity checklist) from one of three sources — a running legacy Vue system, UI design deliverables (images/text/low-quality HTML), or high-quality static prototype pages. The style pack becomes the single source of truth for a new prototype/Vue skill family (prototype-site / prototype-vue3-framework / prototype-to-vue3 style-bound layers). Use when a new page style needs to be turned into templates, when extracting design tokens from an existing system, or when preparing input for template-calibrate.

template-wizard

Interactive guide that walks the executor through the whole style-pack journey (template-distill → template-calibrate) without writing any structured prompts. Detects the current stage from the filesystem, asks one small choice-based question at a time in Chinese, composes the underlying prompts itself, drives the two engine skills, and stops at executor confirmation gates. Use when the user says "做新模板/开始做风格包/不知道下一步/继续模板工作" or finds the engine skills hard to invoke directly.