prototype-sitelisted

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).
xiaofengche123/prototype-validation-service · ★ 1 · Web & Frontend · score 69

Install: claude install-skill xiaofengche123/prototype-validation-service

# Prototype Site Create high-fidelity PSM "绿星链通" static prototype pages inside a shared-shell site. The shell is copied once; every business page contains only page content and is registered in `menu.config.js`. ## Resources - Copy the site shell from `assets/framework/`. - Start business pages from `assets/page-template.html`. - Read `references/interaction-ir.md` when implementing `data-page`, `data-action`, `data-modal`, or `data-nav`. - Read `references/psm-ui-profile.md` when checking naming, style tokens, component conventions, or Vue conversion readiness. - Read `references/visual-parity.md` before creating any page that may be converted to Vue. - Read `references/manual.md` only when the request needs more examples or troubleshooting detail. ## Hard Rules - **门一：目标兼容性检查（每次生成前必须执行）**。收到"一模一样""像素级""完全复刻""完全一致""换 UI 风格""换组件库""换样式框架"等信号 → **立即停止，不许开始读取文件或生成** → 用大白话讲清楚为什么做不到、给出 A/B/C 三选一，等用户选定再继续。用户选定后立刻照做，不追问"你确定吗"。 - **门二：资源过载检查（每次生成前必须执行）**。如果涉及多个文件或混合材料，先用 `ls`/`find`/Glob 数文件数量（不读全文）→ 页面文件 >15 个或材料类型 ≥3 类 → 输出四段式诊断报告（我看到的[具体数字] / 会带来的问题 / 我的建议 / 需要你确认），等用户表态。不默认拒绝。 - Write static pages as `pages/<分组中文名>/<页面中文名>.html`. - Keep `data-page="<英文编码>"` on the page root. The code is the bridge to Vue. - Business page `<head>` links only `../../assets/app.css`; do not add an inline `<style>`. **B 路线（提炼旧版风格）也不例外：所有自定义样式必须写入 `assets/theme.css`，绝不允许在页面里写 `<style>` 块或内联 `style="..."`。** - Do not duplicate shell markup in business pages: no `top-header`, `sidebar`, or `page-t