Files
workbuddy_skills/draw-ui/references/full-page.md
T
admin 237a09a5b0 修:draw-ui / oil-motion 原被当子模块指针收录 ⇒ 改为正常文件入库(两份内容原先对别人是空的)
一、问题(本轮实测)
`draw-ui` 与 `oil-motion` 目录里**各自带一个内嵌 `.git`** ⇒ 上一次提交把它们记成了 **gitlink(子模块指针)**
⇒ 仓库里只存了一个不属于任何远端的 commit id,**别人克隆下来这两份是空的** ✗(`git status` 显示 ` m draw-ui` / ` m oil-motion` = 子模块内容有改动)。

二、处置(可回退)
· 把两处的 `.git` **挪走**(⛔ 不是删除)⇒ `归档/内嵌git-20261008/{draw-ui,oil-motion}.git`;
· `git rm --cached` 掉那两个 gitlink,再 `git add` 两个目录 ⇒ **按正常文件入库**(内容才真的进仓库)。

三、副作用(如实记)
挪走 `.git` 后,这两个技能**不能再原地 `git pull` 取上游更新**(要更新得重新拉一份覆盖);
如需恢复其本地仓库,把 `归档/内嵌git-20261008/` 里的 `.git` 挪回原处即可。
2026-10-08 22:29:52 +08:00

50 lines
3.4 KiB
Markdown

# 完整落地页与长图
## 页面范围优先于画布比例
完整桌面落地页保持桌面内容宽度,向下展开至页脚。用户明确只要首屏时才缩小范围。竖向长图不是移动端页面,也不是把所有模块挤进一张3:4海报。
先列出有序区块及各自用途,再估计页面高度。按业务选择必要内容:价值说明、产品或服务、使用流程、可信证据、常见问题和主要转化入口等;这些不是强制模块套餐。没有材料时不虚构客户评价、销量或认证,可使用明确标注的示例或合理省略。
为每个区块给一个稳定ID,记录内容和统一的设计规则。导航只在顶部出现,页脚只在结尾出现。完整输出必须覆盖已承诺的所有区块。
内容区块清单不是视觉模板。围绕选定构思安排阅读节奏,主视觉、重点说明、细节列表和结尾应有不同的分量;不要让所有区块都变成居中标题、等宽卡片和同样的上下留白。保持字体、组件与对齐体系一致,不代表各区块的构图必须相同。
## 根据工具能力选择生成方式
先检查当前接口的尺寸支持;本 Skill 脚本的比例预设不等于任意长图能力。不要反复尝试未经确认的超长尺寸。
- 工具支持所需长画布且文字可读:直接生成完整长页,再核对区块和返回尺寸。
- 长度超出能力或一次生成会让正文过小:在区块边界分段。每段保持相同像素宽度、逻辑桌面宽度、字体、内容容器和组件尺度,不包含设备外框。
分段时先生成并检查第一段,把统一规则和必要参考用于后续片段。段落高度由内容决定,不把每段都当成独立首屏。每次提示明确本段ID、包含哪些区块、是否含导航/页脚,边界不重复标题或装饰。模型对比时两边必须采用相同的分段计划;共享规则和参考输入,不能把某一方生成结果喂给另一方。
生成多段涉及额外计费时,遵循当前任务已授权的数量和成本范围。不要将一张长页的承诺静默扩成无限重试。
## 组装与检查
分段图先目视确认接缝处的背景、内容容器、间距和尺度,再用 `scripts/assemble_page.py` 组装。程序检查顺序、数量、格式和等宽,不会判断审美,也不会通过缩放掩盖宽度不一致。
在任务目录写入清单。`expected_sections` 是生成前确定的片段ID顺序,`sections` 按相同顺序列出实际图片;路径相对于清单文件解析:
```json
{
"expected_sections": ["intro", "details", "closing"],
"sections": [
{"id": "intro", "image": "parts/intro.png"},
{"id": "details", "image": "parts/details.png"},
{"id": "closing", "image": "parts/closing.png"}
]
}
```
```bash
python3 scripts/assemble_page.py --manifest /path/to/page.json --output /path/to/full-page.png
```
只拼接没有重复或重叠内容的分段,不自动裁切、不拉伸、不补生成内容。宽度不一致、缺段、重复ID、顺序不符或输出已存在时失败并保留原图;需要替换已有输出时才使用 `--force`。
组装后实际打开整张长图检查完整性,再按目标逻辑宽度逐段检查文字与组件。交付完整长图、分段原图和实现说明,不能只交一组散图或首屏。
若随后还原代码,以完整预览作为参考,按 [测量与校准](calibration.md) 建立基线,再进入目标平台实现流程。