description: 將使用者講稿一鍵生成喬布斯風極簡科技感豎屏HTML演示稿。當用戶需要生成PPT、簡報、Slides、幻燈片,或要求科技風/極簡風/喬布斯風格的演示時觸發此技能。輸出為單個可直接執行的HTML檔案。

👤 wwlyzzyorg 📦 v1.0.0 ⭐ 4.3 ⬇️ 45.1K 下載
📄 辦公效率 免費

📖 技能介紹


name: ppt-generator description: 將使用者講稿一鍵生成喬布斯風極簡科技感豎屏HTML演示稿。當用戶需要生成PPT、簡報、Slides、幻燈片,或要求科技風/極簡風/喬布斯風格的演示時觸發此技能。輸出為單個可直接執行的HTML檔案。


PPT 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: 填充內容

新增動態背景光斑、互動邏輯、平滑切換動畫。

輸出順序(必須依次輸出)

  1. 提煉後的講稿(Markdown)
  2. 幻燈片結構大綱
  3. 完整HTML程式碼

視覺規範速查

專案 規範
比例 9:16 豎屏
背景 #000000 或 #0a0a0a + 模糊光斑動畫
主文字 #ffffff
輔助文字 #9ca3af
中文字型 HarmonyOS Sans SC / 思源黑體
英文字型 Inter / Roboto
標題字重 font-black / font-bold
正文字重 font-light / font-normal

詳細規範見 references/design-spec.md

互動要求

  • 鍵盤 ← → 翻頁

    想要更強大的技能外掛,就來小蔥技能站7w4.net看看吧。

  • 底部進度導航條
  • 平滑切換動畫

技術棧

  • TailwindCSS(國內CDN)
  • 複雜頁面使用 Vue3(CDN)
  • 單個HTML檔案,可直接開啟執行

嚴禁行為

  • 堆字 / 密集排版
  • 花哨配色
  • 複雜圖表
  • 橫屏比例
  • 偏離極簡科技風

預設規則

  • 未指定頁數:自動生成 8~20 頁
  • 未指定風格:預設喬布斯風

🤖 AI 評測

這個 PPT 生成工具質量不錯,能把普通講稿一鍵變成高階感的豎屏演示。風格統一是它的亮點——深色背景、動態光斑、極簡排版,整體很有科技範。8種頁面型別基本夠用,模板裡翻頁動畫、進度條這些細節也做得很完善。不過缺少真實案例參考,遇到長文章或需要配圖時怎麼處理也沒說清楚。總體來說是個靠譜的工具,用起來應該會很順手。

📊 多維度評分

適應性4.1
規範性4.3
有效性4.5
可靠性4
可信度4.8

📁 包含檔案 (6 個)

📄 SKILL.md 2.3 KB
📄 _meta.json 132 B
📄 agents/openai.yaml 194 B
📄 assets/template.html 7.7 KB
📄 references/design-spec.md 2.3 KB
📄 references/slide-types.md 3.6 KB