62個大廠設計師來幫蘇格拉底寫申辯篇PPT,skill一鍵直出,已開源
整理版優先睇
一句話生成品牌級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貢獻新風格。
在線演示(五種風格)
直接喺瀏覽器播放五種風格嘅蘇格拉底申辯PPT
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 輸出演講稿.md:完整逐頁演講腳本,每頁講咩寫好曬。
- 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年後我哋仲喺度讀呢篇嘢。
蘇格拉底要喺呢班人面前,用純口頭表達,完成以下任務:
等我哋幫佢整一個PPT
62個大廠設計師,1個命令行
要幫蘇格拉底整PPT,第一個問題係——用咩設計風格?
VoltAgent團隊做咗件好型嘅事。
佢哋整咗個開源項目叫 awesome-design-md,收錄咗62個世界頂級品牌嘅設計規範。
將每個品牌嘅設計系統完整拆解成咗一個DESIGN.md檔案。
顏色值、字體、陰影參數、圓角大小、間距系統、動畫曲線——全部都有。
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會問你想要咩風格。佢會俾你一個選擇菜單:
你亦可以唔揀。
直接話「幫我推薦」,skill會根據你嘅主題智能配返最合適嘅風格。
輸出兩個檔案:
演講稿.md——完整嘅逐頁演講腳本,每頁要講咩,都寫好咗
幻燈片.html——可以直接喺瀏覽器打開播放嘅完整幻燈片
就咁簡單。一句話入去,兩個檔案出來。
技術實現——唔係PPT,係一個完整嘅HTML播放器
你可能會問:點解係HTML,唔係PowerPoint?
因為HTML做到PowerPoint做唔到嘅嘢。
我哋生成嘅唔係一個靜態頁面——係一個完整嘅幻燈片播放器。單檔案,零依賴(除咗Google Fonts行CDN)。
打開就用得。
每頁幻燈片裏面嘅插圖都係內聯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年後我們還在讀這篇東西。
蘇格拉底要在這羣人面前,用純口頭表達,完成以下任務:
讓我們來給他做一個PPT
62個大廠設計師,1個命令行
要給蘇格拉底做PPT,第一個問題是——用什麼設計風格?
VoltAgent團隊幹了一件很酷的事。
他們搓了一個開源項目叫 awesome-design-md,收錄了62個世界頂級品牌的設計規範。
把每個品牌的設計系統完整拆解成了一個DESIGN.md文件。
顏色值、字體、陰影參數、圓角大小、間距系統、動畫曲線——全都有。
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會問你想要什麼風格。它會給你一個選擇菜單:
你也可以不選。
直接說"幫我推薦",skill會根據你的主題智能匹配最合適的風格。
輸出兩個文件:
演講稿.md——完整的逐頁演講腳本,每一頁該說什麼,都寫好了
幻燈片.html——可以直接在瀏覽器打開播放的完整幻燈片
就這麼簡單。一句話進去,兩個文件出來。
技術實現——不是PPT,是一個完整的HTML播放器
你可能會問:為什麼是HTML,不是PowerPoint?
因為HTML能做到PowerPoint做不到的事。
我們生成的不是一個靜態頁面——是一個完整的幻燈片播放器。單文件,零依賴(除了Google Fonts走CDN)。
打開就能用。
每一頁幻燈片裏的插圖都是內聯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