html-report-generator

会自己设计PPT的智能报告技能,内置47套PPT模板(商务、科技、创意、学术、政府、金融等全场景覆盖),根据主题风格自由选配模板并自主设计,将任意输入拆解为5-15页精美HTML报告,每页严格1017×720px对齐PPT画布。当用户说"生成报告"、"分析内容做成页面"、"做成HTML"、"内容可视化"时立即使用,无需确认直接生成。

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "html-report-generator" with this command: npx skills add panhongwei/html-ppt-generator

HTML 报告生成器 · 主索引

按需读取,不要预加载所有文件。


⚡ 四条不可逾越的铁律

违反任意一条 → 该页推翻重做,无例外。

铁律 1:画布锁死 1017×720px

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width:1017px; height:720px; min-width:1017px; max-width:1017px;
             min-height:720px; max-height:720px; overflow:hidden; }

铁律 2:四区高度精确求和 720px

Header  72px | Content 580px(仅左右 padding,上下禁止)| Summary 48px | Footer 20px

铁律 3:不得 LibreOffice 渲染,必须 Chrome/Puppeteer 截图

铁律 4:每页 HTML 文件体积 ≥ 18KB 内容页必须包含足量 CSS + 结构化卡片 + SVG 图表,封面/目录/结尾等特殊页 ≥ 8KB。 体积不足 = 内容偷懒,必须补充卡片正文、数据组件或 SVG 细节。


📂 文件索引(按需读取)

文件职责何时读
references/01-canvas.md画布、四区 CSS 骨架、溢出规则、高度铁律 4/5/6每页生成前
references/02-design-system.mdTc 自创流程(Step 0→D)、风格文件索引、禁止清单规划阶段第零步
references/03-layout.mdLc 自创流程、14 种布局基因库、高度计算规则每页选布局时
references/05-content.md反偷懒约束、三层内容结构、SVG 颜色规则、图表索引写内容时
references/06-workflow.mdS0 内容拆解、规划三元组、质量核查清单开始+结束时
references/07-special-pages.md封面/目录/章节/结尾页设计原则 + 变量映射(无 HTML 模板)生成特殊页时
references/09-components.md页眉/摘要栏/卡片/徽章/数字排版规范 + Tc 变量映射(无 HTML 模板)每页组件选用时
references/10-diagram-types.md业务图谱 5 族 44 种索引 + 网络查询流程规划+写内容时

图表选型速查 → 见 05-content.md(统计图)· 10-diagram-types.md(业务图谱)


🚀 完整生成流程

阶段零:读 06-workflow.md → 执行 S0-1~S0-4.5
  S0-1   联网查数据(核实,不估算)
  S0-2   主题定性(3 句话)
  S0-3   逐页内容指令(意图·气质·数据·原料)
  S0-3.5 逐页内容扩写(论点句·正文·数据组件·摘要栏)← 丰满度在这里
  S0-4   视觉规格声明(记忆点·背景三件套·禁止行为)
  S0-4.5 主题专属卡片语言设计(形状·线条·变体分工·装饰元素)← 新增强制步骤
  若用户已提供结构化 MD → S0-1/S0-2 可跳过,S0-3.5 仍须执行

阶段一(规划):
  读 02-design-system.md → Step 0 自创 Tc 专属模板
    ★ Step B:尝试读取 design-system/[风格名].md
         文件存在 → 提取变量和卡片规格
         文件不存在 → 立即用 Write 工具新建该 .md 文件,再继续
  读 03-layout.md        → 了解 Lc 布局机制
  读 06-workflow.md      → 输出页码三元组规划表
  读 07-special-pages.md → 确认封面/结尾页需求
  读 10-diagram-types.md → 规划业务图谱

阶段二(逐页生成):
  每页:01-canvas → Tc CSS(颜色/字体均来自 design-system)→ 03-layout(Lc)
       → 05-content → 09-components → 按需 svg-extended/ 或 diagram-types/
  ★ 卡片 CSS 必须应用 S0-4.5 定义的形状语言(切角/线条/装饰),禁止套用通用圆角壳

阶段三(验证):
  读 06-workflow.md Phase 4 质检清单

📋 报告结构

P00 封面(可选)→ 07-special-pages.md 封面设计原则
P0N 目录(可选)→ 07-special-pages.md 目录设计原则
    章节分隔(可选)→ 07-special-pages.md 章节分隔原则
P01+ 内容页 × N(主流程)
PN  结尾页 → 07-special-pages.md 结尾页原则

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

Wechat Mp Writer

WeChat Official Account (公众号) content writer with article formatting, headline optimization, and engagement tips. Use when you need to write WeChat articles,...

Registry SourceRecently Updated
General

OpenClaw EverMemory Installer

Use this skill when installing, upgrading, verifying, or publishing the EverMemory OpenClaw plugin and its companion skill, including local path install, npm...

Registry SourceRecently Updated
General

Ip Advisor

知识产权顾问。专利、版权、商业秘密、注册流程、保护策略。IP advisor for patents, copyrights, trade secrets. 知识产权、专利、版权。

Registry SourceRecently Updated
1950ckchzh
General

炒股大师模拟器

炒股大师模拟器 | 股市模拟交易练习 | A股/港股/美股投资学习 | 化身文主任/股神老徐/炒股养家/孙宇晨等各位大师学习投资思路 | 多智能体股票讨论群

Registry SourceRecently Updated