description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片,或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。
2026-03-24
新闻来源:网淘吧
围观:98
电脑广告
手机广告
PPT生成器
将讲稿转换为乔布斯风极简科技感竖屏HTML演示稿。
设计哲学
- 极简主义- 一屏只讲一件事
- 强视觉对比- 深色背景 + 白色文字
- 高留白- 禁止密集排版
- 强节奏感- 让观众想继续看
生成流程(必须严格遵循)
步骤 1: 读取讲稿
读取用户原始讲稿,不修改原稿内容。
步骤 2: 生成提炼版讲稿
将内容精简、增强冲击力、适配演示场景,输出 Markdown 格式。
步骤 3: 生成乔布斯风标题
为每个章节生成标题,必须满足:
- ≤12 字
- 采用以下形式之一:对比式、问题式、断言式、数字式、比喻式
- 自检:是否让人想继续听?
步骤 4: 设计幻灯片结构
规划页面顺序和类型,参考参考资料/幻灯片类型.md。
步骤 5: 生成HTML
使用资源/模板.html作为基础模板生成完整HTML。
步骤 6: 填充内容
添加动态背景光斑、交互逻辑、平滑切换动画。
输出顺序(必须依次输出)
- 提炼后的讲稿(Markdown)
- 幻灯片结构大纲
- 完整HTML代码
视觉规范速查
| Project | Specifications |
|---|---|
| Aspect Ratio | 9:16 Vertical Screen |
| Background | #000000 or #0a0a0a + Blurred Light Spot Animation |
| Main Text | #ffffff |
| Secondary Text | #9ca3af |
| Chinese Font | HarmonyOS Sans SC / Source Han Sans |
| English Font | Inter / Roboto |
| Title Font Weight | font-black / font-bold |
| Body Text Font Weight | font-light / font-normal |
For detailed specifications, seereferences/design-spec.md.
Interaction Requirements
- Keyboard ← → to Flip Pages
- Bottom Progress Navigation Bar
- Smooth Transition Animation
Tech Stack
- TailwindCSS (Domestic CDN)
- Complex Pages Use Vue3 (CDN)
- Single HTML File, Can Run Directly Upon Opening
Prohibited Behaviors
- Word Stacking / Dense Layout
- Fancy Color Schemes
- Complex Charts
- Landscape Aspect Ratio
- Deviating from Minimalist Tech Style
Default Rules
- Unspecified Page Count: Automatically Generate 8~20 Pages
- Unspecified Style: Default Steve Jobs Style
文章底部电脑广告
手机广告位-内容正文底部
上一篇:Google Slides
下一篇:Typeform


微信扫一扫,打赏作者吧~