@qilitt-mickey/vue3-temp-skill 1.2.5 → 1.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/SKILL.md +3 -3
- package/adapters/vue-element-plus.json +634 -0
- package/bin/cli.js +72 -27
- package/package.json +2 -1
- package/references/design-apply.md +8 -2
- package/scripts/check-landing.mjs +76 -17
- package/scripts/generate-page.mjs +734 -0
- package/scripts/verify-render.mjs +2 -0
package/SKILL.md
CHANGED
|
@@ -30,7 +30,7 @@ tags: [vue3, typescript, element-plus, pinia, vite, unocss, crud, demo, code-qua
|
|
|
30
30
|
|
|
31
31
|
1. **项目探查**：读取目标项目的 `package.json`、路由、页面、`Re*` 组件、Hooks、API 和样式；以源码事实为准。
|
|
32
32
|
2. **能力路由**：运行 `scripts/match.py "需求" --json`，**仅**按输出中的 `load_files` 阅读 reference；禁止自行展开全部 `references/`。无 Python 时按下方能力组表手动匹配。
|
|
33
|
-
3. **视觉契约落地**：输入是设计侧的视觉契约 JSON 时，走 `design-apply`
|
|
33
|
+
3. **视觉契约落地**：输入是设计侧的视觉契约 JSON 时，走 `design-apply` 协议——**先跑落地自检，再照抄生成三份样式文件与页面骨架 SFC**，见 §3 输入分流。
|
|
34
34
|
|
|
35
35
|
```bash
|
|
36
36
|
node <技能>/scripts/check-landing.mjs --project <项目根>
|
|
@@ -56,7 +56,7 @@ node <技能>/scripts/check-landing.mjs --project <项目根>
|
|
|
56
56
|
| `files-and-editors` | 附件、预览、下载、富文本、二维码 | `file-management.md`、`download-export.md`、`rich-text.md`、`qrcode-barcode.md` |
|
|
57
57
|
| `realtime-and-mobile` | WebSocket、移动端、微信、验证码、动效 | 对应专项 reference |
|
|
58
58
|
| `data-compare` | 编辑页变更对比和汇总 | `data-compare.md` |
|
|
59
|
-
| `design-apply` | **视觉契约落地**：落地自检 → 读契约 → 选 adapter → **`scripts/generate-css.mjs` 确定性生成三份 CSS** →
|
|
59
|
+
| `design-apply` | **视觉契约落地**：落地自检 → 读契约 → 选 adapter → **`scripts/generate-css.mjs` 确定性生成三份 CSS** → **`scripts/generate-page.mjs` 确定性生成页面骨架 SFC（不手写骨架）** → 挂载 → **`scripts/verify-render.mjs` computed style 逐点比对** → 差异清零。**主入口 `design-apply.md`，adapter 见 `adapters/`（做到哪一步读哪一份）** | `design-apply.md`、`adapters/`、`mapping/`、`scripts/check-landing.mjs`、`scripts/generate-css.mjs`、`scripts/generate-page.mjs`、`scripts/verify-render.mjs` |
|
|
60
60
|
|
|
61
61
|
## 工作流
|
|
62
62
|
|
|
@@ -93,7 +93,7 @@ node <技能>/scripts/check-landing.mjs --project <项目根>
|
|
|
93
93
|
|
|
94
94
|
使用者默认**不懂设计也不懂代码**，交互遵守四条：
|
|
95
95
|
|
|
96
|
-
1. **全自动默认**：识别为视觉契约后**直接开始执行全流程**（落地自检 → 读契约 → 选 adapter → 生成三份 CSS → 挂载 → 验证 → 视觉验收），不等用户逐步确认。
|
|
96
|
+
1. **全自动默认**：识别为视觉契约后**直接开始执行全流程**（落地自检 → 读契约 → 选 adapter → 生成三份 CSS → 生成页面骨架 → 挂载 → 验证 → 视觉验收），不等用户逐步确认。
|
|
97
97
|
2. **契约缺失 = 硬阻断，不允许"边猜边改"**：`check-landing.mjs` 报 `contract-found FAIL` 时**必须停下**，用大白话报告「还没拿到设计文件」并给出下一步。**严禁在契约缺失的情况下凭理解直接改项目样式**——那是旧体系的失败模式：改了一堆 CSS 却没有任何东西对应，最后只有个别地方碰巧变了。
|
|
98
98
|
3. **契约存在但 `roles-mounted` 未 100% = 不算完成**：角色类没挂满，页面上就只会有个别角色生效（常见症状：只有菜单颜色变了）。必须按 adapter 的「角色类挂载方式」补齐后重跑自检。
|
|
99
99
|
4. **术语不对用户出现**：对用户不说"契约 / 角色 / 令牌 / adapter / 区域 / 自检"——说"设计文件 / 样式规则 / 全局变量 / 组件适配 / 页面区域 / 检查"。这些词只出现在内部文档与交付说明里。
|