62個大廠設計師來幫蘇格拉底寫申辯篇PPT,skill一鍵直出,已開源

作者:01fish
日期:2026年4月11日 上午10:14
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

一句話生成品牌級PPT:開源skill將62個設計規範融入蘇格拉底申辯,五種風格任你揀

整理版摘要

呢篇文章由作者01fish(AI輔助)整理,介紹一個叫 presentation-skill 嘅開源項目。作者諗,如果當年蘇格拉底有個PPT,會唔會扭轉局勢?於是用《申辯篇》做例子,生成咗五種不同風格嘅PPT。背後嘅關鍵係VoltAgent團隊開源嘅 awesome-design-md,收錄咗62個世界頂級品牌嘅完整設計規範,包括顏色、字體、陰影等令牌。呢個skill可以直接俾AI用,一句話就出到幻燈片。

文章詳細展示咗五種風格:古希臘學院風、陽光卡片風、國企匯報風、TED演講風同水墨中國風。每一套都有手繪SVG插圖,第一人稱視角,而且可以直接喺瀏覽器播放。作者認為,風格可以改變信息嘅傳遞效果,蘇格拉底嘅嚴肅論證喺唔同風格下變得更多元。整體結論係:呢個skill降低咗製作PPT嘅門檻,尤其係品牌級視覺質量,令AI生成嘅嘢唔再「AI味」濃。

使用方面,只要俾個觸發詞(例如/ppt)同主題,skill就會問你想要咩風格,或者自動推薦。輸出兩個文件:演講稿.md同幻燈片.html。技術上係一個完整嘅HTML播放器,單文件零依賴,支援翻頁、全屏、自動播放、導出PDF等功能。成個項目已經開源,你可以直接喺線播放或者下載魔改。

  • 開源skill可以根據一句話主題同品牌風格,生成完整嘅HTML幻燈片,以蘇格拉底申辯做咗五種風格示範。
  • 核心方法係用VoltAgent團隊嘅awesome-design-md,入面有62個品牌嘅完整設計令牌,包括顏色、字體、間距等。
  • 生成嘅HTML播放器具備翻頁、全屏、自動播放、演講者備註、導出PDF等功能,單文件零依賴,發微信都得。
  • 啟發係風格可以改變訊息傳遞效果——蘇格拉底嘅嚴肅論證可以變輕鬆、變國企風、變TED風,甚至變水墨中國風。
  • 行動點:你可以用觸發詞/ppt等叫agent生成自己嘅PPT,或者直接下載示例、魔改skill、甚至提交PR貢獻新風格。
值得記低
連結 orangeviolin.github.io

在線演示(五種風格)

直接喺瀏覽器播放五種風格嘅蘇格拉底申辯PPT

連結 github.com

GitHub倉庫(presentation-skill)

開源項目,可以下載、安裝、魔改

整理重點

蘇格拉底需要一個PPT

公元前399年,雅典。蘇格拉底企喺法庭中央,面對501個陪審員。罪名係不敬神同腐蝕青年。判決方式係投票,過半數即死。結果你都知道:280票有罪,221票無罪,差59票。佢得把口,冇任何輔助工具。作者諗:如果佢有個PPT呢?於是搞咗呢個project。

整理重點

62個大廠設計師,1個命令行

要整PPT,第一個問題係用咩設計風格。VoltAgent團隊做咗件好型嘅事:佢哋開源咗awesome-design-md,收錄咗62個世界頂級品牌嘅設計規範,每個拆成一份DESIGN.md,顏色、字體、陰影、圓角、間距、動畫曲線全部有齊。

  • Apple:極簡、留白、毛玻璃,核心色#000000 / #F5F5F7
  • Stripe:漸變、精緻、開發者美學,核心色#635BFF
  • Ferrari:速度、奢華、碳纖維,核心色#DC0000
  • Nike:運動、粗體、衝擊力,核心色#111111
  • Tesla:未來、深空、極簡,核心色#CC0000

呢個PPT skill直接食呢啲設計文件,揀一個品牌風格,就按嗰個品牌嘅規範生成幻燈片。所以先做到「品牌級」嘅視覺質量。

整理重點

五種風格,同一個蘇格拉底

  • 古希臘學院風:大理石紋理背景,希臘回紋邊框,Playfair Display襯線體,帶兩千年重量感。
  • 陽光明媚·卡片風:暖奶油色背景,圓角彩色卡片,emoji圖標,無襯線字體,輕鬆可讀。
  • 國企匯報風:深紅漸變背景,金色圓圈編號,關鍵數據統計卡片,黃色警告框——蘇格拉底好似做緊年度述職。
  • TED演講風:純黑背景,白色大字,一頁一個觀點,數字200號字——最接近蘇格拉底原始表達。
  • 水墨中國風:宣紙紋理,水墨山水SVG,豎排標題,硃紅印章——「吾乃雅典之牛虻」配水墨畫牛,違和感消失。
整理重點

一句話出PPT

觸發詞係/ppt、做PPT、演講稿、presentation。俾個主題就得,例如「/ppt 蘇格拉底的申辯」。Skill會問你想要咩風格,或者直接講「幫我推薦」,佢會智能匹配最適合嘅風格。

  1. 1 輸出演講稿.md:完整逐頁演講腳本,每頁講咩寫好曬。
  2. 2 輸出幻燈片.html:可直接喺瀏覽器打開播放,完整幻燈片。
整理重點

技術實現與開源致謝

點解係HTML唔係PowerPoint?因為HTML做到PowerPoint做唔到嘅嘢。成個幻燈片係一個單文件零依賴嘅HTML播放器(除咗Google Fonts),打開就用。功能包括:左右箭嘴翻頁、F鍵全屏、自動播放、N鍵演講者備註、Ctrl+P導出PDF。插圖全部係內聯SVG,唔會404唔會模糊,整個檔案通常200-400KB,發微信都得。

呢個PPT skill已經完全開源,你可以喺GitHub揾到。感謝VoltAgent團隊開源咗awesome-design-md,62個品牌設計規範係真係好大工作量。感謝蘇格拉底——佢輸咗官司,但贏咗整個西方哲學史。


PPT就交俾AI搞掂

公元前399年,雅典。

蘇格拉底企喺法庭中間,面對住501個陪審員。

兩條罪名:唔敬神、腐蝕青年。

判決方式:投票。過半數就死硬。

佢嘅辯護工具——得把口。

結果你哋都知道——280票有罪,221票無罪。差59票。

我心諗:如果蘇格拉底有個PPT呢?

好,我真係整咗。

唔係整一個版本——係整咗五個版本。

在線演示(㩒入去直接播):

https://orangeviolin.github.io/presentation-skill/

圖片

由蘋果極簡風到水墨中國風,由TED演講風到國企匯報風。

而且,我將佢整成咗一個開源嘅skill。地址喺呢度:https://github.com/OrangeViolin/presentation-skill

圖片

你都用得,將呢條link俾你個agent,叫佢裝,一句說話就出到。


蘇格拉底需要一個PPT

《申辯篇》係人類歷史上最出名嘅法庭演說。

冇之一。

柏拉圖由頭聽到尾,逐字記低。2400年後我哋仲喺度讀呢篇嘢。

蘇格拉底要喺呢班人面前,用純口頭表達,完成以下任務:

任務
難度
現代等價物
反駁「唔敬神」嘅指控
需要邏輯推理鏈
法庭陳述 + 邏輯流程圖
反駁「腐蝕青年」嘅指控
需要類比論證
TED演講 + 資訊圖
解釋自己點解周圍質問人
需要講故仔
品牌故事片
說服陪審團佢唔怕死
需要情感共鳴
喬布斯斯坦福演講

等我哋幫佢整一個PPT 


62個大廠設計師,1個命令行

要幫蘇格拉底整PPT,第一個問題係——用咩設計風格?

VoltAgent團隊做咗件好型嘅事。

佢哋整咗個開源項目叫 awesome-design-md,收錄咗62個世界頂級品牌嘅設計規範。

將每個品牌嘅設計系統完整拆解成咗一個DESIGN.md檔案。

顏色值、字體、陰影參數、圓角大小、間距系統、動畫曲線——全部都有。

品牌
風格關鍵詞
核心色
Apple
極簡、留白、毛玻璃
#000000 / #F5F5F7
Stripe
漸變、精緻、開發者美學
#635BFF
Ferrari
速度、奢華、碳纖維
#DC0000
Nike
運動、粗體、衝擊力
#111111
Tesla
未來、深空、極簡
#CC0000
SpaceX
太空、工程感、藍黑
#005288
Notion
温暖、清晰、工具感
#000000 / #FFFFFF
Linear
漸變、流暢、紫色宇宙
#5E6AD2

62個品牌。62套完整嘅設計令牌。

呢個PPT skill直接食呢啲設計檔案,揀一個品牌風格,佢就會跟返個品牌嘅設計規範嚟生成幻燈片。


五種風格,同一個蘇格拉底

我哋用《申辯篇》嘅內容,生成咗五套完全唔同風格嘅PPT。

每套都係蘇格拉底第一人稱視角。每套都有手繪SVG插圖。每套都直接播得、直接匯出PDF。

風格一:古希臘學院風

大理石油畫紋理鋪滿背景。每頁嘅邊框係希臘回紋(Greek Key)。標題用Playfair Display襯線體,自帶兩千年嘅重量感。

圖片

圖片

風格二:陽光明媚 · 卡片風

暖奶油色背景,內容裝喺圓角彩色卡片裏面。每個要點前面有emoji圖標。字體係無襯線嘅,行距好大,好似喺度讀一個精心排版嘅Notion頁面。

蘇格拉底嘅嚴肅論證,突然變得輕鬆易讀。

圖片
圖片

風格三:國企匯報風

深紅漸變背景。標題用加粗黑體,編號用金色圓圈。關鍵數據放喺統計卡片裏面,帶陰影同邊框。重要警告用黃色警告框。

整體感覺:蘇格拉底唔係喺法庭辯護,係喺做年度工作述職報告。

「本年度共質問雅典市民約3000人次,同比增長15%。」

笑死。但真係整得出來。

圖片
圖片

風格四:TED演講風

純黑背景。白色大字。一頁只放一個觀點。

數字用200號字,佔滿成個屏幕。

「501人。280票有罪。我唔怕。」

呢種風格嘅PPT唔需要解釋。佢自己就係一場演講。打開全屏,企喺投影前面,揭一頁講一句就夠。

蘇格拉底本人大概會鍾意呢個版本——因為佢最接近佢嘅原始表達:一次淨係講一件事。

圖片
圖片

風格五:水墨中國風

宣紙紋理背景。水墨山水SVG橫貫底部。標題用直排文字。重點句旁邊蓋一個硃紅印章。

蘇格拉底嘅申辯,被翻譯成咗一種中國文人嘅表達方式。

「吾乃雅典之牛虻」——配埋水墨畫嘅牛同遠山,違和感消失咗。反而有種跨越文明嘅共鳴。

呢個大概係最估唔到嘅版本。但亦都係我個人最鍾意嘅版本。

圖片
圖片

點樣用——一句說話搞掂

講咗咁多,點用?

觸發詞:/ppt做PPT演講稿presentation

隨便邊個都得。

你只需要俾一個主題。例如:

/ppt 蘇格拉底的申辯

然後skill會問你想要咩風格。佢會俾你一個選擇菜單:

編號
風格
適用場景
1
Apple極簡
產品發佈、融資路演
2
古希臘學院
學術演講、歷史主題
3
陽光卡片
課堂分享、團隊培訓
4
國企匯報
述職報告、政府項目
5
TED演講
公開演講、思想傳播
6
水墨中國
文化主題、國風場景
...
...共62種
總有一款啱你

你亦可以唔揀。

直接話「幫我推薦」,skill會根據你嘅主題智能配返最合適嘅風格。

輸出兩個檔案:

演講稿.md——完整嘅逐頁演講腳本,每頁要講咩,都寫好咗

幻燈片.html——可以直接喺瀏覽器打開播放嘅完整幻燈片

就咁簡單。一句話入去,兩個檔案出來。


技術實現——唔係PPT,係一個完整嘅HTML播放器

你可能會問:點解係HTML,唔係PowerPoint?

因為HTML做到PowerPoint做唔到嘅嘢。

我哋生成嘅唔係一個靜態頁面——係一個完整嘅幻燈片播放器。單檔案,零依賴(除咗Google Fonts行CDN)。

打開就用得。

功能
實現方式
翻頁
左右箭嘴鍵 / 㩒 / 觸屏滑動
全屏
F鍵 / 雙擊
自動播放
可以設定每頁停留時間
演講者備註
N鍵打開備註面板,顯示完整演講稿
匯出PDF
Ctrl+P,@media print自動適配
響應式
16:9比例,自適應屏幕大細

每頁幻燈片裏面嘅插圖都係內聯SVG——唔係外部圖片,唔會404,唔會模糊。放大到幾大都係向量清晰。

成個HTML檔案通常喺200-400KB之間。Send微信都send到。

唔使安裝任何軟件。唔使登入任何平台。唔使畀錢。

瀏覽器打開,開講。


開源 + 致謝

呢個PPT skill已經完全開源。

GitHub倉庫:https://github.com/OrangeViolin/presentation-skill

在線演示(㩒入去直接播): https://orangeviolin.github.io/presentation-skill/

你可以:

在線播放——㩒上面條link,直接喺瀏覽器播5種風格嘅PPT

直接用skill生成自己嘅PPT

下載5個蘇格拉底示例HTML,睇下效果

魔改skill,加你自己嘅風格模板

畀skill提PR,貢獻新功能

再次致謝:

VoltAgent團隊——多謝你哋開源咗awesome-design-md。62個品牌嘅設計規範,呢個工作量真係大。冇呢個項目,我哋嘅skill做唔到「品牌級」嘅視覺質量。

蘇格拉底——多謝你喺2400年前嗰場辯護。你輸咗官司,但贏咗成個西方哲學史。


調研 & 撰寫:AI(Claude)
主導 & 審校:01fish 



PPT就交給AI吧

公元前399年,雅典。

蘇格拉底站在法庭中央,面對501個陪審員。

兩條罪名:不敬神、腐蝕青年。

判決方式:投票。過半數即死。

他的辯護工具——只有一張嘴。

結果你們知道了——280票有罪,221票無罪。差59票。

我就在想:如果蘇格拉底有一個PPT呢?

好,我真搞了。

不是搞一個版本——是搞了五個版本。

在線演示(點擊直接播放):

https://orangeviolin.github.io/presentation-skill/

圖片

從蘋果極簡風到水墨中國風,從TED演講風到國企彙報風。

而且,我把它做成了一個開源的skill。地址在這裏:https://github.com/OrangeViolin/presentation-skill

圖片

你也能用,把這個連結給你的agent,讓它安裝,一句話就能出。


蘇格拉底需要一個PPT

《申辯篇》是人類歷史上最著名的法庭演說。

沒有之一。

柏拉圖全程旁聽,逐字記錄。2400年後我們還在讀這篇東西。

蘇格拉底要在這羣人面前,用純口頭表達,完成以下任務:

任務
難度
現代等價物
反駁"不敬神"的指控
需要邏輯推理鏈
法庭陳述 + 邏輯流程圖
反駁"腐蝕青年"的指控
需要類比論證
TED演講 + 信息圖
解釋自己為什麼到處質問人
需要講故事
品牌故事片
說服陪審團他不怕死
需要情感共鳴
喬布斯斯坦福演講

讓我們來給他做一個PPT 


62個大廠設計師,1個命令行

要給蘇格拉底做PPT,第一個問題是——用什麼設計風格?

VoltAgent團隊幹了一件很酷的事。

他們搓了一個開源項目叫 awesome-design-md,收錄了62個世界頂級品牌的設計規範。

把每個品牌的設計系統完整拆解成了一個DESIGN.md文件。

顏色值、字體、陰影參數、圓角大小、間距系統、動畫曲線——全都有。

品牌
風格關鍵詞
核心色
Apple
極簡、留白、毛玻璃
#000000 / #F5F5F7
Stripe
漸變、精緻、開發者美學
#635BFF
Ferrari
速度、奢華、碳纖維
#DC0000
Nike
運動、粗體、衝擊力
#111111
Tesla
未來、深空、極簡
#CC0000
SpaceX
太空、工程感、藍黑
#005288
Notion
温暖、清晰、工具感
#000000 / #FFFFFF
Linear
漸變、流暢、紫色宇宙
#5E6AD2

62個品牌。62套完整的設計令牌。

這個 PPT skill直接吃這些設計文件,選一個品牌風格,它就按照那個品牌的設計規範來生成幻燈片。


五種風格,同一個蘇格拉底

我們用《申辯篇》的內容,生成了五套完全不同風格的PPT。

每一套都是蘇格拉底第一人稱視角。每一套都有手繪SVG插圖。每一套都能直接播放、直接導出PDF。

風格一:古希臘學院風

大理石紋理鋪滿背景。每一頁的邊框是希臘回紋(Greek Key)。標題用Playfair Display襯線體,自帶兩千年的重量感。

圖片

圖片

風格二:陽光明媚 · 卡片風

暖奶油色背景,內容裝在圓角彩色卡片裏。每個要點前面有emoji圖標。字體是無襯線的,行間距很大,像在讀一個精心排版的Notion頁面。

蘇格拉底的嚴肅論證,突然變得輕鬆可讀。

圖片
圖片

風格三:國企彙報風

深紅漸變背景。標題用加粗黑體,編號用金色圓圈。關鍵數據放在統計卡片裏,帶陰影和邊框。重要警告用黃色警告框。

整體感覺:蘇格拉底不是在法庭辯護,是在做年度工作述職報告。

"本年度共質問雅典市民約3000人次,同比增長15%。"

笑死。但真的能做出來。

圖片
圖片

風格四:TED演講風

純黑背景。白色大字。一頁只放一個觀點。

數字用200號字,佔滿整個屏幕。

"501人。280票有罪。我不怕。"

這種風格的PPT不需要解釋。它自己就是一場演講。打開全屏,站在投影前面,翻一頁說一句話就夠了。

蘇格拉底本人大概會喜歡這個版本——因為它最接近他的原始表達:一次只說一件事。

圖片
圖片

風格五:水墨中國風

宣紙紋理背景。水墨山水SVG橫貫底部。標題用豎排文字。重點句旁邊蓋一個硃紅印章。

蘇格拉底的申辯,被翻譯成了一種中國文人的表達方式。

"吾乃雅典之牛虻"——配上水墨畫的牛和遠山,違和感消失了。反而有一種跨越文明的共鳴。

這大概是最意想不到的版本。但也是我個人最喜歡的版本。

圖片
圖片

怎麼用——一句話搞定

說了這麼多,怎麼用?

觸發詞:/ppt做PPT演講稿presentation

隨便哪個都行。

你只需要給一個主題。比如:

/ppt 蘇格拉底的申辯

然後skill會問你想要什麼風格。它會給你一個選擇菜單:

編號
風格
適用場景
1
Apple極簡
產品發佈、融資路演
2
古希臘學院
學術演講、歷史主題
3
陽光卡片
課堂分享、團隊培訓
4
國企彙報
述職報告、政府項目
5
TED演講
公開演講、思想傳播
6
水墨中國
文化主題、國風場景
...
...共62種
總有一款適合你

你也可以不選。

直接說"幫我推薦",skill會根據你的主題智能匹配最合適的風格。

輸出兩個文件:

演講稿.md——完整的逐頁演講腳本,每一頁該說什麼,都寫好了

幻燈片.html——可以直接在瀏覽器打開播放的完整幻燈片

就這麼簡單。一句話進去,兩個文件出來。


技術實現——不是PPT,是一個完整的HTML播放器

你可能會問:為什麼是HTML,不是PowerPoint?

因為HTML能做到PowerPoint做不到的事。

我們生成的不是一個靜態頁面——是一個完整的幻燈片播放器。單文件,零依賴(除了Google Fonts走CDN)。

打開就能用。

功能
實現方式
翻頁
左右箭頭鍵 / 點擊 / 觸屏滑動
全屏
F鍵 / 雙擊
自動播放
可設定每頁停留時間
演講者備註
N鍵打開備註面板,顯示完整演講稿
導出PDF
Ctrl+P,@media print自動適配
響應式
16:9比例,自適應屏幕大小

每一頁幻燈片裏的插圖都是內聯SVG——不是外部圖片,不會404,不會模糊。放大到多大都是矢量清晰的。

整個HTML文件通常在200-400KB之間。發微信都能發。

不需要安裝任何軟件。不需要登錄任何平台。不需要付費。

瀏覽器打開,開講。


開源 + 致謝

這個PPT skill已經完全開源。

GitHub倉庫:https://github.com/OrangeViolin/presentation-skill

在線演示(點擊直接播放): https://orangeviolin.github.io/presentation-skill/

你可以:

在線播放——點擊上面連結,直接在瀏覽器裏播放5種風格的PPT

直接用skill生成自己的PPT

下載5個蘇格拉底示例HTML,看看效果

魔改skill,加你自己的風格模板

給skill提PR,貢獻新功能

再次致謝:

VoltAgent團隊——感謝你們開源了awesome-design-md。62個品牌的設計規範,這個工作量是真的大。沒有這個項目,我們的skill做不到"品牌級"的視覺質量。

蘇格拉底——感謝你在2400年前的那場辯護。你輸了官司,但贏了整個西方哲學史。


調研 & 撰寫:AI(Claude)
主導 & 審校:01fish