是什么
「HTML 页面」是 UUIDE 的核心创作技能。它教会 AI 一件事：任何交付物都收敛为一个自包含的 .html 文件——不依赖构建工具、不需要服务器、双击就能打开、放进微信或邮件就能发给别人。
技能内置 17 类产物的路由决策表：你说「把这篇文章做成网页」，它产出排版精良的长文档；你说「做成幻灯片」，它产出可翻页放映的演示文稿；你说「画一下系统架构」，它产出矢量架构图。图表、仪表盘、看板、时间线、ER 图、思维导图、网页原型……每一种形态都有对应的最佳实践规则。
它不是模板填充器：每份产物都从你的真实内容出发做设计——配色、版式、字体、暗色模式、移动端适配，全部按专业前端标准内联进单个文件。
能做什么
文档与长文
产品文档、报告、文章网页版：语义化排版、目录锚点、暗色模式、移动端自适应，打印友好。
幻灯片演示
基于 Reveal.js 的单文件 PPT：键盘翻页、演讲者视图、过渡动画，浏览器全屏即放映。
图解与绘图
流程图、架构图、ER 图、思维导图、时序图：内联 SVG 矢量绘制，中文标注不折行，缩放不糊。
数据图表与仪表盘
趋势、占比、对比、分布各配最合适的图表类型；多指标仪表盘一屏尽览，暗色模式下图表自动换色。
原型与线框
高保真网页原型、低保真线框：真实文案而非 lorem ipsum，可直接给设计/开发对齐。
工作管理视图
看板、时间线、对比表格、小型交互工具：信息结构先行，媒介服从内容。
什么时候会用到
- 「帮我做一个 HTML 页面介绍这款产品」
- 「把这份报告做成一个好看的网页」
- 「这个数据可视化一下，做成图表」
- 「把这个主题做成幻灯片，我下周要讲」
- 「画一张系统架构图 / 流程图 / ER 图」
- 「给这个 App 做个网页原型看看效果」
- 「把这几个方案做个对比表格」
不适用于
- 多页面网站、需要路由/后端/数据库的完整 Web 应用
- 需要 React/Vue 构建管线与组件生态的前端工程项目
- 重度实时交互应用（在线游戏、协作编辑器）
- 要求 .pptx/.docx 源文件格式的场合（UUIDE 可另行导出 PDF）
安装与使用
- 1打开 UUIDE，进入「设置 → 技能」面板
- 2在技能包列表中找到本技能，点击「安装」
- 3安装后在 AI 会话中直接说出需求即可触发，无需记忆命令
常见问题
- 生成的 HTML 页面需要联网才能打开吗？
- 不需要。产物是单个 .html 文件，双击即可在浏览器打开；引用的第三方库走公共 CDN 且带降级守卫，断网时核心内容仍可阅读。
- 可以直接做成 PPT 吗？
- 可以。说「把这个主题做成幻灯片」即可，技能会生成基于 Reveal.js 的单文件幻灯片，支持键盘翻页、演讲者视图，浏览器全屏即放映。
- 生成的页面能继续手动修改吗？
- 能。产物就是普通 HTML 文件，既可以在 UUIDE 编辑器里可视化继续编辑，也可以让 AI 在原有基础上增量修改，不会整页重写。