Communitygithub.com

luo173176/ppt-設計技能

設計、建構、動畫和審查專業簡報(PPT/PPTX)。用於在需要考量內容結構、視覺風格、版面變化、圖表、圖像、動畫、Morph 轉場、動態敘事或整體精緻度時,建立或重新設計投影片組;將原始素材轉化為有設計感的論述;新增或修正投影片動畫與轉場;或稽核現有簡報的狀態。

ppt-設計技能 是什麼?

此技能旨在將主題與原始素材轉化為「經過設計的論述」,而非僅是裝飾過的文件。它將靜態設計與動態設計視為同等重要,確保簡報在逐頁閱讀時清晰易懂,在播放時流暢生動。技能涵蓋完整的簡報製作流程,包括內容策略規劃、單頁設計、動畫建立、以及最終的品質審查。它支援多種平台(如 Claude Code、Cursor、Codex),並提供大量參考資料與工作流程,例如 `workflows/create-presentation.md` 用於規劃新簡報的內容與故事,`workflows/create-slide-animation.md` 用於建立單頁動畫。此技能的核心是基於對大量簡報(超過 100 份)的結構與動畫掃描,提供客觀的設計基準,例如常見的畫布比例(16:9)、形狀數量中位數(每頁 10 個)、字體比例與動畫使用頻率(如 Morph 轉場出現於 183 頁)。它還內建了複製功能與個人素材庫(位於 `E:\PPT-Design-Assets\`),可搜尋並重複使用模板、主版、元件與動畫配方。最終,簡報需通過五項標準測試,包括整體一致性、每頁都有明確功能、縮圖層級的層級清晰度、無意外裝飾,以及動畫必須有意義。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/luo173176/ppt-design-skill/tree/HEAD

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

PPT 設計技能

將主題加上原始素材轉化為「經過設計的論述」——而非僅是裝飾過的文件。 靜態設計與動態設計是平等的公民:一份簡報不僅要逐頁可讀,在播放時也必須流暢。

本檔案是單一的進入點。它包含必須保持一致性的決策;references/ 檔案包含詳細知識,workflows/ 檔案包含可執行的程序,examples/ 包含抽象化的設計模式。僅閱讀當前任務實際需要的參考資料。

何時閱讀什麼

任務載入內容
規劃新簡報的內容與故事workflows/create-presentation.md + references/content-strategy.md
妥善設計一個頁面workflows/design-slide.md + references/slide-patterns.md
診斷/修復難看或混亂的頁面workflows/improve-slide.md
為一個投影片新增動畫workflows/create-slide-animation.md
建構完整的動畫簡報workflows/create-animated-presentation.md
審查完成的簡報(靜態 + 動態)workflows/review-presentation.md + references/quality-control.md
挑選顏色 / 字型 / 網格references/color-system.md, references/typography.md, references/layout-system.md
圖表與數據說故事references/data-visualization.md
圖片、圖示、紋理references/visual-assets.md
特定場景的樣式設定references/presentation-scenarios.md
動畫:原則、時間軸、Morph、模式、程式碼references/animation-fundamentals.md → animation-timeline.md → slide-transitions.md → advanced-animation.md → motion-design.md → animation-patterns.md → animation-implementation.md
理解/產生 PPTX 內部結構references/pptx-technical-guide.md
複製整份參考簡報workflows/replicate-deck.md + references/replica-modes.md
複製/重複使用一個頁面workflows/replicate-slide.md
擷取範本或母版workflows/extract-template.md
識別、比對或授權字型workflows/extract-fonts.md
挖掘版面、元件、動畫配方workflows/extract-assets.md
搜尋或從個人素材庫組合workflows/asset-library.md + references/asset-library-schema.md

任務名稱別名(相同的工作流程,用於呼叫相容性):create-deck → create-presentation, improve-slide → improve-slide, animate-slide → create-slide-animation, review-deck → review-presentation, extract-assets → extract-assets。

複製與個人素材庫

除了「從頭設計」之外,還有兩個能力:

  1. 複製(replicate-deck, replicate-slide)有三種合約: A 原生重複使用(精確;保留母版/圖表/動畫),B 結構化重建(可編輯;字型/效果近似),C 視覺模仿(以圖片為基礎;僅文字)。務必指明模式;絕不能將 C 呈現為可編輯,也不能在進行替代後聲稱 100% 忠實度。
  2. 素材庫(E:\PPT-Design-Assets\)包含 50 個範本、50 個獨立母版、24 種頁面模式、680 個元件、64 個動畫配方以及字型註冊表。在設計前先搜尋它(scripts/asset_search.py, --compose),並記錄使用了哪些素材 ID。

兩者的實證數據在 references/replica-modes.md 和 references/asset-library-schema.md 中;程序則在上述六個工作流程中。

標準

一份完成的簡報需通過五項測試:

  1. 一份簡報,一個世界。 移除標誌後,陌生人仍然能從任何三張投影片中分辨出它們來自同一份簡報。
  2. 每個頁面都有任務。 頁面推進論點、提供證據、創造停頓點,或要求決定。不能有填充頁面。
  3. 層級結構在瞇眼測試中仍然清晰。 在縮圖尺寸(聯絡表測試)下,預期的第一/第二/第三閱讀順序仍然可見。
  4. 沒有任何東西是憑空裝飾的。 每一條線、每一張圖片、每一個色塊和每一個數字都必須有其存在的理由。
  5. 動畫就是意義。 動畫用來揭示、引導或比較。如果移除一個動畫不會損失任何資訊也無法增加任何精緻度,就刪掉它。

不要追求「設計得更多」。追求一個清晰的視覺論證,搭配一或兩個令人難忘的動作。

證據基礎(經測量,非猜測)

源自對來源語料庫的完整結構 + 動畫掃描。將其視為用於校準的範圍,而非死板的法律。

  • 畫布: 在 94/102 份簡報中為 16:9 比例,13.333×7.5 英吋。用於列印/舊版為 4:3(5 份簡報);用於橫幅式公眾報告簡報則為超寬比例 3.5554。一份簡報一個畫布。
  • 每頁形狀數量: 中位數 10,平均值約 16,第 90 百分位數 24。數據密集頁面可達 30–55 個。
  • 字型尺寸(點): 內文 12–18;小標籤 8–11;副標題 20–28;頁面標題 24–44;章節/陳述 44–80;封面/超大字型 88–344。內文通常為 12–18 點,最常見為 14–18。
  • 調色盤: 絕大多數為 2–3 色——一個黑白或接近中性的底色,加上一個飽和的強調色(例如 FFD23C, C3DF21, 0F6FC6)和一個中性輔助色。專業強調色示例:#FFD23C #C3DF21 #FF008E #00EBFF #0F6FC6 #D51C3B #7EAB28 #0535D1。
  • 字型(CJK): 微軟雅黑 / 思源黑體 系列佔主導;較粗的顯示字型(思源黑體 Heavy/Bold, 龐門正道標題體)用於標題。字型(拉丁文): Segoe UI / Segoe UI Light, Lato, Arial, Calibri。反覆使用的免費/商業安全字型組合:思源黑體 + Lato。
  • 圖表: 55 份簡報包含圖表。分佈:長條圖 183,圓餅圖 78,甜甜圈圖 67,折線圖 37,泡泡圖 16,3D 長條圖 13,散佈圖 12,面積圖 11,雷達圖 8。圖表是內含嵌入式工作表的原生可編輯物件——請使用可編輯圖表,而非圖表圖片。
  • 動畫覆蓋率: 1068/4235 張投影片帶有時間軸樹;742 張有轉場;Morph 出現於 183 張投影片,Push 169 張,Fade 149 張,另有 128 張使用其他轉場預設。
  • 效果組合: 進入效果以 Fade(701)和 Zoom(371)為主,其次是 Fly In(248)和 Wipe(141);強調效果以微妙的「變更/醒目提示」效果為主;動作路徑存在但罕見且經過精心設計。
  • 時間語法: 主要的節點關係是 withEffect(2678),其次是 afterEffect(652),clickEffect(473)。延遲時間集中在 0 / 100 / 300 / 500 毫秒,持續時間集中在 500 / 1000 / 2000 毫秒,揭示效果使用 decel 緩動。
  • 縮放比例: 強調脈衝使用 1.25× → 0.80× 配對(animScale 125000/80000)。
  • 實際使用的高階媒體: 原生的 3D 模型(am3d:model3d)和嵌入式影片——不要聲稱素材庫支援它無法輸出的內容。
  • 第二次語料庫掃描(4314 張投影片): 分析 105 個套件,241 個母版,1393 個版面配置,66 個獨特主題,1099 張帶有時間軸樹的投影片,183 個 Morph 頁面;轉場:morph 183,push 173,wipe 16。
  • 動畫樣本(50 份精心策劃的簡報): 984 個效果節點 → 64 個配方;進入效果 Grow & Turn 144,Fade 141,Wipe 102,Fly In 52;強調效果 Spin 247。
  • 策劃後的素材產出: 50 個範本,50 個母版,24 個頁面模式,680 個元件(52 個原生圖表,160 個形狀,160 個圖示),64 個動畫配方,129 個字型記錄 / 88 個系列(複製 26 個 OFL 檔案)。
  • 複製校準(viz-01, 3 頁): A SSIM 1.000;B 0.674(可編輯重建);C 0.978(以圖片為基礎)。按頁面報告,而非僅報告平均值。
  • 模式-B 視覺校準(5 份簡報 × 6 頁): 商業 0.782,科技 0.660,數據 0.915,編輯 0.865,創意 0.751。套用了版面馬賽克、a:srcRect 裁切和 <a:alpha> 疊層;仍省略了圖片濾鏡和陰影,因此必須報告低於標準的頁面,而非取平均值忽略。

不可妥協的項目

  • 畫布: 一份簡報一個,除非要求為直式/超寬比例,否則為 16:9,13.333×7.5 英吋。
  • 網格: 欄位網格(預設 12 欄),搭配一致的欄間距;內容區塊貼齊網格。刻意破格使用要節制(每份簡報少於 3 次)。
  • 邊界: 一致的光學邊界;在全版圖片下,文字仍須遵守安全區域。允許全版圖片;文字仍須遵守安全區域。
  • 調色盤: 1 個主導色調 + 1 個中性色 + 1 個強調色(最多 + 1 個可選次要色)。使用約 60/30/10 比例。第 3 頁之後不要引入新的強調色。
  • 字型: 最多兩個系列(一個顯示字型,一個內文字型)以及三種字重。保持各層級之間有明確的比例(約 1.3–1.5×);不要使用四個相近的大小。
  • 文字密度: 封面 4–12 字;陳述/章節 10–35;內容 40–110;密集分析 120–220。如果一個頁面需要更多文字,請分割頁面,不要將字型縮小到 12 點以下。
  • 圖片處理: 選擇一種處理方式(自然 / 溫暖編輯 / 冷色建築 / 雙色調 / 單色 / 合成),並在整份簡報中一致應用。
  • 一個動機: 一條規則線、裁切、圓點、數字、括號或重複的圖片遮罩,在 4–8 頁中重複出現——而非每一頁。
  • 每份簡報一個令人難忘的動作: 一個巨大的數字、一堵標題牆、一個去背主體、一個電光強調色、一個邊到邊的字型裁切。透過保持周圍一切平靜來保護它。
  • 動畫預算: 偏好揭示而非持續運動;每個投影片的同時運動物件 ≤3 個;絕不為了裝飾而動畫化。

內容

  • references/——內容策略、設計原則、版面系統、字型學、色彩系統、視覺素材、數據視覺化、投影片模式、簡報情境、動畫基礎、進階動畫、動畫時間軸、動態設計、投影片轉場、動畫模式、動畫實作、PPTX 技術指南、品質控制、複製模式、素材庫綱要。
  • workflows/——建立簡報、設計投影片、改進投影片、建立投影片動畫、建立動畫簡報、審查簡報、複製簡報、複製投影片、擷取範本、擷取字型、擷取素材、素材庫。
  • examples/design-patterns.md——抽象的、可重複使用的頁面和動畫模式。
  • scripts/——設計:build_deck.py(JSON 規格 → 簡報),inspect_pptx.py,contact_sheet.py,add_animation.py。分析/擷取:analyze_deck.py,enrich_themes.py,extract_template.py,curate_templates.py,extract_masters.py,extract_fonts.py + fontlib.py,extract_patterns.py,fix_layout_previews.py,extract_components.py,render_component_previews.py,extract_animations.py,build_asset_index.py,asset_search.py。複製/品質保證:replicate_deck.py,replicate_slide.py,compare_slides.py,validate_replica.py。維護:collect_stats.py,fix_font_library.py,make_reports.py,run_tests.py。 請參閱 scripts/README.md 以了解確切的命令與輸出。

自包含

此技能所需的一切都包含在內。它在執行時不會讀取原始語料庫;該語料庫僅用於提供此處引用的測量範圍。

相關技能