description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片,或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。
将讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿
wwlyzzyorg
@wwlyzzyorg
What This Skill Does
Converts user-provided speech or lecture notes into a single, self-contained HTML presentation file with a minimalist, Steve Jobs-style vertical layout. The output uses a 9:16 portrait ratio, dark background, high-contrast white text, and includes smooth slide transitions, keyboard navigation, and a progress bar.
Replaces traditional slide software (PowerPoint, Google Slides) by generating a ready-to-run HTML file with a consistent, high-impact visual style from plain text input.
When to Use It
- Generate a Steve Jobs-style presentation from a conference talk script
- Create a minimalist vertical slideshow for a product launch or keynote
- Convert lecture notes into a visually clean, dark-themed HTML deck
- Produce a single-file presentation that can be opened in any browser without external dependencies
- Rapidly prototype a tech-themed pitch deck from bullet-point content
Install
$ openclaw skills install @wwlyzzyorg/ppt-generatorPPT Generator
将讲稿转换为乔布斯风极简科技感竖屏HTML演示稿。
设计哲学
- 极简主义 - 一屏只讲一件事
- 强视觉对比 - 深色背景 + 白色文字
- 高留白 - 禁止密集排版
- 强节奏感 - 让观众想继续看
生成流程(必须严格遵循)
Step 1: 读取讲稿
读取用户原始讲稿,不修改原稿内容。
Step 2: 生成提炼版讲稿
将内容精简、增强冲击力、适配演示场景,输出 Markdown 格式。
Step 3: 生成乔布斯风标题
为每个章节生成标题,必须满足:
- ≤12 字
- 采用以下形式之一:对比式、问题式、断言式、数字式、比喻式
- 自检:是否让人想继续听?
Step 4: 设计幻灯片结构
规划页面顺序和类型,参考 references/slide-types.md。
Step 5: 生成HTML
使用 assets/template.html 作为基础模板生成完整HTML。
Step 6: 填充内容
添加动态背景光斑、交互逻辑、平滑切换动画。
输出顺序(必须依次输出)
- 提炼后的讲稿(Markdown)
- 幻灯片结构大纲
- 完整HTML代码
视觉规范速查
| 项目 | 规范 |
|---|---|
| 比例 | 9:16 竖屏 |
| 背景 | #000000 或 #0a0a0a + 模糊光斑动画 |
| 主文字 | #ffffff |
| 辅助文字 | #9ca3af |
| 中文字体 | HarmonyOS Sans SC / 思源黑体 |
| 英文字体 | Inter / Roboto |
| 标题字重 | font-black / font-bold |
| 正文字重 | font-light / font-normal |
详细规范见 references/design-spec.md。
交互要求
- 键盘 ← → 翻页
- 底部进度导航条
- 平滑切换动画
技术栈
- TailwindCSS(国内CDN)
- 复杂页面使用 Vue3(CDN)
- 单个HTML文件,可直接打开运行
严禁行为
- 堆字 / 密集排版
- 花哨配色
- 复杂图表
- 横屏比例
- 偏离极简科技风
默认规则
- 未指定页数:自动生成 8~20 页
- 未指定风格:默认乔布斯风
Top skills in this category
Feishu Evolver Wrapper
@autogame-17(Depreciated: This skill is no longer maintained; its related functions have been absorbed by the Evolver main body.) Feishu-integrated wrapper for the capability-evolver. Manages the evolution loop lifecycle (start/stop/ensure), sends rich Feishu card reports, and provides...
Resume Assistant
@wscatsAssist job seekers by polishing, customizing, scoring, and exporting resumes with detailed checklist reviews and multi-format support.
Smart Model Switching
@millibusAuto-route tasks to the cheapest Claude model that works correctly. Three-tier progression: Haiku → Sonnet → Opus. Classify before responding. HAIKU (default): factual Q&A, greetings, reminders, status checks, lookups, simple file ops, heartbeats, casual chat, 1-2 sentence tasks. ESCALATE TO SONNET: code >10 lines, analysis, comparisons, planning, reports, multi-step reasoning, tables, long writing >3 paragraphs, summarization, research synthesis, most user conversations. ESCALATE TO OPUS: architecture decisions, complex debugging, multi-file refactoring, strategic planning, nuanced judgment, deep research, critical production decisions. Rule: If a human needs >30 seconds of focused thinking, escalate. If Sonnet struggles with complexity, go to Opus. Save 50-90% on API costs by starting cheap and escalating only when needed.
Writing Plans
@zlc000190Use when you have a spec or requirements for a multi-step task, before touching code
Todo management
@lstpschePer-workspace SQLite todo manager (./todo.db) with groups and task statuses (pending/in_progress/done/skipped), operated via {baseDir}/scripts/todo.sh for adding, listing, editing, moving, and removing entries and managing groups.