القائمة
排版设计——版式系统、构图、页面层级、媒介适配。当需要设计文档或页面的视觉布局，或提到"排版""布局""layout""网格"
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/ZeroZ-lab/unified-skills --skill design-content-layoutيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | design-content-layout |
| description | 排版设计——版式系统、构图、页面层级、媒介适配。当需要设计文档或页面的视觉布局，或提到"排版""布局""layout""网格" |
design-visual-direction；执行落地 → build-content-layoutbuild-content-layout（下游 build 技能）design-workflow-design排版设计先解决阅读路径和版式系统，再进入具体页面落地。
先读取 references/design-best-practices.md 和 references/design-pattern-extract.md，并把排版相关证据写入 02-design.md 的 Design References / Pattern Synthesis / Adopt / Reject。
扫描重点：
DESIGN.md（如果存在，读取 spacing/rounded/layout token）版式决策必须有来源层或本地约束支撑；不能只写审美词。
DESIGN.md（如存在）中的 spacing/layout token？是否明确了具体媒介尺寸？写入 02-design.md：
| 失败场景 | 处理方式 |
|---|---|
| 版式方向只有审美词 | 改写成栅格、层级、密度和对齐规则 |
| 没有导出约束 | 停止，先明确媒介和尺寸 |
| 多个主焦点竞争 | 回退到单主焦点版式 |
| 排版模式无证据 | 补充 best-practice scan，写清 Adopt / Reject |
| 间距尺度随意取值 | 建立有限层级间距体系（5-7 级），删除不在尺度内的值 |
| 说辞 | 现实 | 后果 |
|---|---|---|
| “排版最后再调” | 版式系统最后补，通常已经来不及。 | 版式后补 → 已有内容按随意版式固化，修改版式需重排 60-80% 页面，等于从头做 |
| “先把内容塞进去” | 靠塞内容会把结构问题隐藏起来。 | 内容塞入 → 结构缺陷被掩盖，后期版式调整发现密度不均匀，需要删减 40%+ 内容 |
| “导出错了再说” | 导出约束不提前处理，返工最大。 | 导出未提前规划 → 安全边距和出血问题导致 30-50% 页面需要重排，最昂贵的返工项 |
媒介约束: 投屏演讲（16:9, 1920x1080）+ 异步阅读 PDF
栅格: 12 列（内容区 8 列，侧边注释 4 列）
间距尺度: 4 / 8 / 12 / 16 / 24 / 32px（来源: DESIGN.md → spacing.scale）
标题层级: H1 28px/700 / H2 20px/600 / Body 14px/400 / Caption 12px/300
构图:
- 主焦点: 每页左侧 8 列承载核心数据或主张
- 分组: 8px 间距区分组内，24px 区分组间
- 降权: 侧边 4 列放注释和引用
导出约束:
- 安全边距: 20px（投屏自适应）
- PDF 出血: 5mm
- 文字不超出安全边距
Adopt: 左重右轻不对称构图（参考 McKinsey deck，Pattern Synthesis 来源 #1）
Reject: 对称三栏布局（与主焦点目标冲突）
媒介: 普通页面
栅格: (未定义)
间距: 随缘
标题层级: 大标题、小标题、正文
导出: (未考虑)
不做清单: (未写)
→ 没有来源证据，没有 Adopt / Reject，版式无法落地
排版设计产出应写入 02-design.md 的以下结构：
## Layout Design — [内容名称]
### 媒介约束
- 主媒介: [阅读 / 投屏 / 打印 / 社媒]
- 尺寸: [具体像素或物理尺寸]
- 限制: [品牌、字体、模板约束]
### 版式系统
- 栅格: [列数和分配]
- 对齐线: [关键对齐位置]
- 间距尺度: [5-7 级具体值]
- 标题层级: [3-4 级具体字号和字重]
### 构图
- 主焦点: [每页焦点位置和内容类型]
- 分组关系: [组内/组间间距规则]
- 页面密度: [高密度/低密度/混合]
- 降权方式: [如何视觉降权次要信息]
### 导出约束
- 安全边距: [具体值]
- 出血/裁切: [具体值]
- 错位风险: [可能问题及预防]
### Adopt / Reject（排版模式）
| 模式 | 来源 | 决定 | 理由 |
|------|------|------|------|
| [模式 A] | [来源层] | Adopt | [具体理由] |
| [模式 B] | [来源层] | Reject | [冲突点] |
### 不做清单
- [不做项 1]: [冲突来源或证据]
- [不做项 2]: [冲突来源或证据]
02-design.md