[UOS AI] 小U同学3.0 杂志风格 HTML 生成案例
Tofloor
poster avatar
clear119
deepin
2026-06-04 14:19
Author

这是小U同学升级到3.0.1之后,第一次一本正经用了一次,实话讲还不错,一分没花!

以下是一个杂志刊物风格的 HTML 生成过程。

Skill 安装

找了 3 个用来设计的 Skill,直接扔给小U同学装一下。

e78cbb46-0198-4e5d-b337-214a3ed9fa45.png

Skill:guizang-ppt-skill(负责生成杂志风格的 HTML,且具备翻页功能)

Skill:humanizer-zh(文字润色,去 AI 化)

Skill:frontend-slides(风格定调,预案选择)

提示词创建

让 AI 写一段调用这三个 Skill 的提示词,内容是关于当前 2026 台北电子展的内容,提示词如下:

@skill guizang-ppt-skill
@skill humanizer-zh
@skill frontend-slides

我需要你用以下三个 skill 帮我生成一份关于「2026 台北国际电脑展(COMPUTEX Taipei)」的中文演示文稿:

1. frontend-slides —— 先帮我生成几种视觉风格的预览方案,让我选择或确认最终演示文稿的整体视觉基调
2. guizang-ppt-skill —— 负责生成 HTML 格式的横向翻页演示文稿(10 页左右,杂志风布局)
3. humanizer-zh —— 对整个文稿的文字内容进行润色,让语言自然、贴近中文母语者表达习惯,去掉 AI 痕迹

请按以下步骤执行:

【步骤一:调用 frontend-slides】

- 生成 3 种不同视觉风格的预览方案,风格方向包括但不限于:科技感/极简/商务/现代杂志风
- 给出每种风格的简要说明
- 询问我选择哪种风格

【步骤二:调用 guizang-ppt-skill 生成 PPT】

- 确认风格后,基于以下内容大纲,生成一份完整的横向翻页 HTML 演示文稿
- 输出为一个独立 HTML 文件,浏览器打开即可演示

【PPT 内容大纲(约 10 页)】
封面页:「COMPUTEX 2026:AI Together,台湾领衔全球产业转型」
副标题:2026 台北国际电脑展深度观察

第 1 页|zhan会概况

- 举办时间:2026 年 6 月 2 日 – 6 月 5 日
- 地点:台北南港展览馆 1、2 馆,台北世贸 1 馆,台北国际会议中心
- 主题:「AI Together」,以 AI 运算与生态合作为核心方向
- 规模:1,500 家参展商|6,000 个展位|33 个国家与地区|首日观展人次破 6 万|史上最大规模

第 2 页|三大核心展区

- AI 运算专区:聚焦 AI 芯片、液冷散热、AI 机架与边缘运算
- 机器人 & 智能移动专区:涵盖 AI 机器人、具身智能、自驾移动平台
- InnoVEX 新创区:国科会 ICTGC 主题馆、开源台湾馆,11 家获奖新创发表成果

第 3 页|全球科技巨头齐聚

- 主题演讲企业:高通、迈威尔科技、英特尔、恩智浦
- 参展指标企业:宏碁、华硕、鸿海、台达、技嘉、微星、威刚、研华、华擎、双鸿、明基、勤诚、神达、和硕
- 重量级嘉宾提前来台洽谈合作:苏姿丰(AMD)、黄仁勋(NVIDIA)

第 4 页|AI 技术亮点聚焦(一)

- NVIDIA Vera Rubin NVL72 平台亮相:专为大规模 AI 训练与推论、自主代理式 AI 设计
- 推论效能每瓦吞吐量提升 10 倍,Token 成本降至十分之一,GPU 需求减至四分之一

第 5 页|AI 技术亮点聚焦(二)

- 芯片与机架(GPU/CPU/LPU)
- 互联技术(CPO/midplane)
- 800V 直流电源与液冷散热方案
- 边缘 AI 设备与具身智能硬件

第 6 页|从芯片到终端:AI 产业链全景

- 从云端算力到边缘 AI,从芯片、运算平台到终端应用
- AI 正在加速产业升级与生活转型
- 「COMPUTEX 科技生活圈」理念成型

第 7 页|台湾作为 AI 枢纽的意义

- 外贸协会董事长黄志芳:COMPUTEX 让台湾成为 AI 枢纽
- 展前一周即吸引国际买家与供应链高层来台对接
- 展览、论坛、机器人专馆三馆联动,规模与影响力皆创新高

第 8 页|未来展望

- AI 从云端走入真实世界
- 边缘 AI 与跨域整合需求快速成长
- 台湾在 AI 时代的核心角色持续强化

尾页|感谢

- Thank You
- 欢迎交流与分享

【步骤三:调用 humanizer-zh】

- 将上述 PPT 中的文字内容逐页进行润色
- 识别并消除 AI 写作痕迹(如模板化句式、翻译腔、空洞的营销话术)
- 让文字更贴近真实参展体验和专业观察,例如用「人潮挤满了南港展览馆,连走路都变得寸步难行」代替「zhan会参观人数众多」
- 在润色后,逐页展示修改对比并加以说明

【输出要求】

- 最终交付:一个可直接在浏览器打开的横向翻页 HTML 文件
- 文件不应依赖外部 CDN 或网络资源,确保离线可用
- 确保所有页面在宽屏设备上显示完整且比例协调
- 全文中文字体使用思源黑体(Source Han Sans)或系统默认无衬线字体

开始执行。

内容生成

  1. 注意:是切换到 “MCP/Skills”;

    ec99b44e-1888-442b-8e23-85a5520e64cd.png

  2. 把前面的提示词贴上,直接开工;

    118369e2-35da-49c7-b877-e9832ba4c6c7.png

  3. 全程有执行的确认,期间会遇到一个风格确认的过程。
    ac6831f2-7415-4927-ac7a-459fe1cfded9.png

    565ddbc5-14a7-492d-885b-25d74d0b0cc5.png

案例展示

我用夸克网盘分享了「COMPUTEX2026.html」,点击链接即可保存。打开「夸克APP」在线查看,支持多种文档格式转换。
链接:https://pan.quark.cn/s/ecae140449db

Reply Favorite View the author
All Replies
avatar
deepin流云
Super Moderator
Community OP
2026-06-04 14:51
#1

感谢分享,skills偷走了,龙虾已自动安装kissing_heart
image.png

Reply View the author
avatar
SoftCat
deepin
2026-06-04 14:53
#2

哇,相当不错

Reply View the author
avatar
伴你高飞
deepin
2026-06-04 15:38
#3

这个分享不错agree

Reply View the author
avatar
一头牛
deepin product team
2026-06-04 16:04
#4

牛呀

Reply View the author
avatar
sammy-621
deepin
2026-06-04 16:16
#5

frontend-slides-main 这个技能,UOS AI自己提示装不上。

image.png

Reply View the author
avatar
clear119
deepin
2026-06-04 17:27
#6
sammy-621

frontend-slides-main 这个技能,UOS AI自己提示装不上。

image.png

是的,UOS AI 允许手动安装 Skill,我手动安装的时候就提示这个出错,所以我改用小U 同学来安装,没想到它直接装好了

Reply View the author
avatar
babyfengfjx
Super Moderator
CQA
2026-06-05 09:36
#7

很秀!这个时代缺乏的不是编码能力,而是思考力创造力会提问的能力agree

Reply View the author
avatar
芝士堡
deepin
2026-06-05 13:52
#8

不错不错,借来用用

Reply View the author
avatar
clear119
deepin
2026-06-09 21:15
#9
clear119

是的,UOS AI 允许手动安装 Skill,我手动安装的时候就提示这个出错,所以我改用小U 同学来安装,没想到它直接装好了

我纠正一下,我发现为什么它会提示安装成功了,是因为它只下载安装 skill.md,并没有把其他文件都下载,所以会出现安装成功的假象,所以这个问题处理是这样的,首先要手动从 Github 上把这个 skill 完成下载下来并在 ~/.uos-ai/skills/ 中解压,然后让 小U同学 直接去理解这个路径中的 skill,让它去完成这个 skill 的适配。

这就引出一个问题,就是很多 skill 是适配 claude code 的,如果要用在小U同学身上,要让小U同学检查一下适配性。直接用可能有问题。

Reply View the author