SuperAPI AI 工具集

beauty-json

办公与效率

查看项目

更新于 10-16 08:08

技能介绍

用途:将 HTML 幻灯片示例文件转换为 JSON+HTML 格式,实现数据与展示分离。适用于为 beauty-normal 命令生成 JSON 数据、把现有 HTML 示例转成 JSON+HTML、以及创建新的 JSON 驱动幻灯片模板。

主要能力:读取 beauty-html/assets/ 目录中的 HTML 示例文件,提取并保留 HTML 结构、CSS 样式与 JavaScript 框架,移除具体内容数据;从 HTML 中提取全部文本内容,识别列表、表格、图表数据等结构,按 JSON 规范组织数据并保证内容完整;最终产出 JSON 数据文件、HTML 框架文件、完整 HTML 文件三种产物。

数据结构:根为 presentation,含 meta(title、subtitle、author、date)与 slides 数组;每张幻灯片含 id、type(cover、toc、section、content、end)、template、title、content。支持封面页、双列对比、三列布局、卡片网格、图表+文本、数据强调、目录页、章节首页等模板,图表基于 Chart.js,要求 responsive: true、maintainAspectRatio: false、图表容器最小高度 400px。

用法:按读取示例、提取框架、生成 JSON、创建 JSON 驱动 HTML 的流程执行;数据量或 token 过大时使用“继续”分段加载,不精简内容。设计遵循 McKinsey 规范,使用标准色板(#FFFFFF、#000000、#F85d42、#74788d、#556EE6、#34c38f、#50a5f1、#f1b44c)与系统字体,避免紫色渐变、圆角卡片等非该风格元素。

限制:具体安装命令、依赖版本与运行入口暂未提供;执行效果与平台兼容性需在实际环境中验证。