网淘吧来吧,欢迎您!

返回首页 微信
微信
手机版
手机版

description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片,或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。

2026-03-24 新闻来源:网淘吧 围观:97
电脑广告
手机广告

PPT生成器

将讲稿转换为乔布斯风极简科技感竖屏HTML演示稿。

设计哲学

  • 极简主义- 一屏只讲一件事
  • 强视觉对比- 深色背景 + 白色文字
  • 高留白- 禁止密集排版
  • 强节奏感- 让观众想继续看

生成流程(必须严格遵循)

步骤 1: 读取讲稿

读取用户原始讲稿,不修改原稿内容。

步骤 2: 生成提炼版讲稿

将内容精简、增强冲击力、适配演示场景,输出 Markdown 格式。

步骤 3: 生成乔布斯风标题

为每个章节生成标题,必须满足:

  • ≤12 字
  • 采用以下形式之一:对比式、问题式、断言式、数字式、比喻式
  • 自检:是否让人想继续听?

步骤 4: 设计幻灯片结构

规划页面顺序和类型,参考参考资料/幻灯片类型.md

步骤 5: 生成HTML

使用资源/模板.html作为基础模板生成完整HTML。

步骤 6: 填充内容

添加动态背景光斑、交互逻辑、平滑切换动画。

输出顺序(必须依次输出)

  1. 提炼后的讲稿(Markdown)
  2. 幻灯片结构大纲
  3. 完整HTML代码

视觉规范速查

ProjectSpecifications
Aspect Ratio9:16 Vertical Screen
Background#000000 or #0a0a0a + Blurred Light Spot Animation
Main Text#ffffff
Secondary Text#9ca3af
Chinese FontHarmonyOS Sans SC / Source Han Sans
English FontInter / Roboto
Title Font Weightfont-black / font-bold
Body Text Font Weightfont-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

相关文章

您是本站第236426名访客 今日有38篇新文章/评论