菜单
将 Tier0 PPT / 文档 / 截图 / Demo / 架构图整理为销售·售前演示稿（HTML 和/或可编辑 PPTX）。 已有完整布局的 PPTX 默认模式 A：只统一 DESIGN.md / deck token 字体·色·边框·圆角，禁止整套推翻乱排； 仅失败页或用户明确重构时模式 B。不做产品后台 UI。触发：Tier0 PPT、售前 deck、优化现有 PPTX、架构说明、案例演示。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/FREEZONEX/Tier0-Design-System --skill tier0-slide-skill命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Multi-surface design system for Tier0 (product UI, company website, PPT). Route to the correct surface before generating UI. For sales/presales decks that need HTML + editable PPTX from source materials, also load skills/tier0-slide-skill.
将 Tier0 PPT / 文档 / 截图 / Demo / 架构图整理为销售·售前演示稿（HTML 和/或可编辑 PPTX）。 已有完整布局的 PPTX 默认模式 A：只统一 DESIGN.md / deck token 字体·色·边框·圆角，禁止整套推翻乱排； 仅失败页或用户明确重构时模式 B。不做产品后台 UI。触发：Tier0 PPT、售前 deck、优化现有 PPTX、架构说明、案例演示。
Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and stateDiagram input; inspect repository evidence when the diagram must reflect real code. Use when the user asks to visualize system architecture, infrastructure, cloud/security/network topology, technical workflows, API call sequences, request lifecycles, data pipelines, ETL/ELT, data lineage, state machines, or to convert/beautify Mermaid.
基于 SOC 职业分类
正在显示 SKILL.md
| name | tier0-slide-skill |
| description | 将 Tier0 PPT / 文档 / 截图 / Demo / 架构图整理为销售·售前演示稿（HTML 和/或可编辑 PPTX）。 已有完整布局的 PPTX 默认模式 A：只统一 DESIGN.md / deck token 字体·色·边框·圆角，禁止整套推翻乱排； 仅失败页或用户明确重构时模式 B。不做产品后台 UI。触发：Tier0 PPT、售前 deck、优化现有 PPTX、架构说明、案例演示。 |
调用：@tier0-slide-skill · 真源：skills/tier0-slide-skill/
范围：销售 / 售前 deck only。禁止画产品后台或写 UI 规范。
品牌：IBM Plex · Tektur（深墨大标题）· 绿 #B2ED1D 仅信号 · 16:9 · 冲突服从 DESIGN.md + tokens/deck.css。
0. intake → start-tier0-intake.mjs（阻塞确认）
1. 解包 + 模式判定 → A 风格统一（默认）| B 仅失败页重排
2. 页级映射 → content-coverage + data-source-ids
3. 逐页生成 → template-tier0.html
4. 页验收 → page-review
5. 校验 + 导出 → validate-tier0-deck · PPTX
| 阶段 | 读什么 | 禁止 |
|---|---|---|
| 开始 | 本文件 + 始终 3 | 不要扫 references/*.md 全读 |
| 细则 | 按需 再加 1 个 顶层文件 | 不要进 references/detail/ 除非专项 |
| 实现 | assets/template-tier0.html | 不要用 dual 扁平预览当 HTML 终稿 |
始终 3： intake-gate-tier0.md · source-fidelity-tier0.md · tier0-vi-style-guide.md
顶层按需（仅 6）： layout-craft · imagery · diagrams · motion · dual-output · page-review
完整说明：references/README.md。归档细则在 references/detail/（默认不读）。
| 模式 | 何时 | 做什么 |
|---|---|---|
| A（默认） | 源布局完整 | 保留分区与主图；只统一字体/色/边框；封面 COVER-EDITORIAL · 封底 CLOSING-SPLIT |
| B | 单页失败或用户明确重构 | 按内容形状改版；禁止整套同壳 |
硬门槛：页数 1:1 · 素材不跨页 · 标题完整句 · chrome 与正文 kicker 不重复 · 宽截图完整可见 · 源有 DATA FLOW 须保留且不溢出 · 间距自查：独立区块 ≥40px（.canvas-card.stack）；案例/证据页用 .stack-loose（约 48–56px）；标签用 .tag-row；禁止整页 gap:1vh。细则：layout-craft-tier0.md §2.1b · 验收：page-review-tier0.md Geometry。
| 交付 | 原则 |
|---|---|
| HTML | template 16:9；动效/视频保真 |
| PPTX | 每页有正文和/或图；禁止空壳 |
| Both | 页序文案一致；富媒体长稿勿硬塞 dual kind |
node <SKILL_ROOT>/scripts/start-tier0-intake.mjs --project 项目/客户
node <SKILL_ROOT>/scripts/validate-tier0-deck.mjs 项目/ppt/index.html
| 文件 | 何时读 |
|---|---|
| intake-gate / source-fidelity / tier0-vi | 始终 |
| layout-craft-tier0.md | 模式 B / 返工 |
| imagery-tier0.md | 配图 |
| diagrams-tier0.md | 架构流 |
| motion-tier0.md | 动画顺序 |
| dual-output-tier0.md | 短稿 dual |
| page-review-tier0.md | 逐页验收 |
| detail/* | 仅查历史细则 / Sxx 长表 |
assets/template-tier0.html
layout-gallery/
references/ # 顶层 ≤10 个 md
references/detail/ # 归档，默认不读
scripts/