Ppt Generator 1

👤 sunerw-dev 📦 v1.0.0 ⭐ 4.4 ⬇️ 5K 下載
📄 辦公效率 免費

📖 技能介紹


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 評測

這個技能質量較好,能將講稿快速生成具有喬布斯風格的科技感豎屏演示稿。文件結構清晰、模板完整可用、視覺效果規範統一。不足之處是配置資訊較為簡單,缺少實際使用示例,版本時間可能存在問題,對普通使用者來說信任度略有影響。

📊 多維度評分

適應性4.5
規範性4.4
有效性4.6
可靠性3.9
可信度4.7

📁 包含檔案 (6 個)

📄 SKILL.md 2.3 KB
📄 _meta.json 134 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