WorkBuddy 演示設計助手:把資料做成單文件 HTML 演示

前言

做彙報或分享時,常遇到兩類麻煩:內容已經在報告、筆記、數據或鏈接裏,卻要重新排進 PPT;做完的演示稿要改樣式、換機器、離線分發,都比較費勁。另一條路線是寫單文件 HTML 幻燈片,設計自由度高,也方便分發,但頁面結構、配色和排版容易失控。下面介紹一個把後者流程固化下來的 Skill。

這是什麼

WorkBuddy 演示設計助手是一個面向 WorkBuddy 用戶場景的演示製作 Skill。它基於開源項目 Bento 深度改造,輸入報告、筆記、數據、鏈接或已有演示稿,輸出有設計感的單文件 HTML 演示文稿:可編輯、可演示、可離線分發,桌面和手機端都適配。

它由 SkillHub 上的社區來源發佈,座標 @indiv-gaiying/workbuddy-aesthetic-decks,版本 1.0.4,分類 office-efficiency,發佈者 user_73de2035,標籤中包含 requires_api_key=false,即不需要額外 API key。

核心功能

1、15 套專家級設計模板。經典流派包括 Dieter Rams 極簡、包豪斯、原研哉留白、瑞士國際主義、雜誌風;現代 UI 包括新擬態、玻璃擬態、極光漸變、暗色霓虹、黏土擬態。每套模板有獨立配色、字體、佈局節奏和視覺層次。

2、單文件 HTML 交付。產物是一個 HTML 文件,不是需要配套素材的工程目錄,便於直接演示、後續編輯和離線分發。

3、選風格決策表。先根據內容和場景從 15 套模板裏做選擇,而不是邊做邊試風格。

4、先出方案再製作。確定模板和整體方案後再進入頁面製作,避免結構返工。

5、結構視覺自動校驗。製作完成後檢查頁面結構和視覺效果,減少漏項、錯位和風格漂移。

安裝與啓用

公開資料沒有給出統一安裝命令,也沒有 Cursor、Codex CLI、Claude Code 的具體差異說明,此處不編造。按 SkillHub 的通用 SKILL.md 格式使用,入口如下:

座標:@indiv-gaiying/workbuddy-aesthetic-decks
SkillHub 頁面:https://www.skillhub.cn/skills/indiv-gaiying/workbuddy-aesthetic-decks
官方地址:https://api.skillhub.cn/indiv-gaiying/workbuddy-aesthetic-decks

啓用前建議打開官方頁面確認當前版本和安裝方式;頁面標註 requires_api_key=false,不需要準備 API key。

典型用法

下面流程來自官方簡介,未提供可直接運行的命令,實際調用以所處 Agent 的 Skill 加載方式爲準。

1、準備素材。可以是報告、筆記、數據、鏈接,或已有的演示稿。

2、選風格。使用選風格決策表,在 15 套模板中確定一套,並確認配色、字體和佈局節奏。

3、出方案。先輸出整體方案,再進入製作,避免直接生成後返工。

4、製作與校驗。生成單文件 HTML 演示文稿,並執行結構和視覺自動校驗。

5、分發。文件可直接演示和離線分發;桌面端和手機端查看都做了適配。

適用場景與注意

適合想用單文件 HTML 做演示、又希望有固定設計模板和流程約束的場景。也適合內容已經成型、只需要轉成可演示 HTML 的情況。

需要注意:它明確不用於傳統 PPT 交付,目標是可編輯、可演示、可離線分發的 HTML 文件。15 套模板風格差異明顯,動手前應先選風格,否則後期統一成本較高。公開資料未列出安裝命令、配置文件和接口字段,接入前以官方頁面說明爲準。

結尾

這個 Skill 的價值不在額外功能,而在把單文件 HTML 演示的流程固定下來:先選風格,再出方案,最後製作並校驗。適合需要快速把已有材料轉成可演示 HTML 的開發者。官方地址:https://api.skillhub.cn/indiv-gaiying/workbuddy-aesthetic-decks

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜