自從前幾日Claude工程團隊Thariq出咗呢篇文話「Claude團隊內部好多人由Markdown轉咗用HTML」之後（閲讀量已經突破1200萬），HTML同Markdown究竟邊個會笑到最後嘅話題，似乎已經嘈到癲咗！

我覺得冇必要嘈，我自己個結論都幾清晰：HTML俾人睇，Markdown俾Agent睇，冇問題～

講起呢個，OpenDesign背後嘅團隊Nexu都唔輸蝕，轉身就推出咗新嘅開源項目HTML-Anything，號稱「要將一切HTML化」！

https://github.com/nexu-io/html-anything

目前呢個倉庫入面已經集成咗75套HTML模板同佢哋對應嘅skill～

如果你都大致同意日常工作中將HTML化確實可以提高效率，不妨用下呢個項目！

我將嗰75個模板全部抽咗出嚟，放喺下面👇 

https://hermes.aigc.green/html-anything/

HTML Anything — 75 Templates Demo

📊 Deck / 幻燈片

藍圖架構 Deck

奶油紙 + 鏽紅 + 藍圖網格 mask + 黑邊硬卡片 + pipeline 盒

課程 / 培訓 Deck

暖紙背景 + Playfair, 左側學習目標常駐, 含 MCQ 自測頁

極簡方向鍵 Keynote

8 頁單色背景, 160px display + 4px accent + Mono 箭頭列表

暗底圖譜 Deck

深夜漸變 + 漂浮 orbs + SVG 力導向圖譜 + JetBrains Mono

貴贊編輯墨水 Deck

電子雜誌 × 電子墨水; 10 個版面 + 5 套調色板 (墨水/靛藍瓷/森林墨/牛皮紙/沙丘)

Cyber Terminal Deck

黑底 + CRT 網格掃描線 + $ 命令行標題 + 薄荷綠大字 + 三檔 tag

雜誌風網頁 PPT

電子雜誌 × 電子墨水風, WebGL 流體背景 + 襯線 display

GitHub Dark 紫漸變 Deck

GitHub-dark + 紫藍環境光 + 三色漸變標題 + GitHub 風代碼

1920 畫布自由 Deck

鎖死 1920×1080 畫布, React 組件級自由組合, 不綁模板

投資人 Pitch Deck

10 頁融資 deck, 白底 + 藍紫漸變 hero, traction 柱狀, $X.XM ask

演講者模式 Deck

tokyo-night 默認主題, T 切換 5 主題, S 打開提詞器 popup

產品發佈 Keynote

暗 hero + 亮內容, 橙→桃 accent, 特性卡 + 定價 + CTA

Replit Slides 風 Deck

Replit Slides 八套主題 (helix/holm/vance/bevel/world/atlas/bluehouse)

安全 / 風險紅色 Deck

紅琥珀警示色 + hazard 條紋 + L1/L2/L3 tier 卡片 + 刪除線標題

通用 Simple Deck

通用 horizontal-swipe HTML deck, 唔要 magazine 調

瑞士國際主義 Deck

16 列網格 + 單一飽和 accent + 22 個鎖死版面 (Klein Blue / Lemon / Mint / Safety Orange)

技術分享 Deck

GitHub-dark + JetBrains Mono + 終端代碼塊, 含 agenda + Q&A

馬卡龍慢生活 Deck

奶油底 + 柔光 blob + 馬卡龍圓角卡片 + Playfair 斜體序號

小紅書圖文 Deck

9 頁 3:4 豎版圖文, 暖 pastel + 虛線 sticker 卡片

白底雜誌風 Deck

純白 + 頂部彩虹 bar + 漸變文字 + 馬卡龍軟卡片 + 黑底 pill

Keynote 風格 PPT

蘋果 Keynote 級別幻燈片, 一屏一卡, 鍵盤左右切換

團隊週報 Deck

6-8 頁橫向滑動週報: 已發佈 / 進行中 / 阻塞 / 指標 / 求助

🌐 Web & App 原型

定價頁

三檔定價 + 特性對比表 + FAQ

Web 產品原型

可點擊嘅功能性 Web 原型, 含導航、英雄區、特性區、CTA

SaaS Landing

單頁 SaaS 落地頁, 含 hero/features/social-proof/pricing/CTA

等候名單頁

極簡產品預發佈落地頁, 含郵箱捕獲、logo、裝飾圖層

Brutalist 原型

Swiss industrial-print 風: 單字 grotesque、巨數字、ASCII 裝飾

Editorial 原型

Editorial-minimalist: 暖色單色 canvas + serif display + grotesque body

Apple Soft 原型

Apple 調: 銀/奶 canvas + 雙層斜面卡片 + button-in-button + spring

手繪線框圖

網格背景 + marker 筆觸 + 多 tab + sticky note + scribble 圖表

📊 Dashboard / 儀錶板

管理後台儀錶板

固定側欄 + 頂欄 + KPI 網格 + 1-2 張圖

社區 / 配對數據牆

消費感配對儀錶板: 信號 ticker + KPI + 30 天柱狀 + 趨勢

FlowAI 團隊管理

三個 tab 嘅團隊管理後台: 成員、詳情、活動日誌, 含圖表 + CSV 導出

看板 / Kanban

To do / In progress / In review / Done 四列, 卡片 + 頭像 + 泳道

Notion 風團隊儀錶板

Notion 風團隊儀錶板, KPI + 7 日 sparkline + activity feed + 任務表

社媒創作者儀錶板

平台切換 + 粉絲/互動 KPI + 增長曲線 + Top post + 熱門話題

社媒矩陣追蹤面板

電影感多平台社媒分析: 互動圖、懸浮洞察、區間對比、明暗主題

團隊 OKR 追蹤

季度 banner + 3 個目標 + KR 進度條 + owner + 狀態 pill

📄 文檔 & 報告

Kami 羊皮紙文檔

暖羊皮紙底 (#f5f4ed) + 墨藍單色 accent (#1B365D) + 單一襯線字體, 編輯級排印

技術文檔頁

三欄文檔頁: 側導航 + 正文 + 右 TOC

工程 Runbook

服務概述 + alerts 表 + dashboards + 操作命令 + on-call + 事故清單

新員工入職頁

首週日程 + buddy + 學習路徑 + 設備 + 完成標準

會議紀要

標題 + 出席 + 議程 + 決議 + action items + 下次

PRD / 產品 Spec

問題 + 成功指標 + 範圍 + user stories + 設計 + 發佈 + 待解決

🎴 社交分享卡

Twitter 分享卡

推特金句 / 數據卡, 適合配推文

小紅書圖文卡片

小紅書風格知識卡片, 多張聯排可滑動瀏覽

macOS 通知橫幅

擬真 macOS 通知 banner + app icon + 標題正文, 適合 video overlay / 產品發佈預告

社交媒體三聯

三張方形卡片輪播, 標題串聯, 品牌 mark + 編號

Reddit 帖子卡

擬真 Reddit 帖子卡 + 上下投票 + 評論數, 適合視頻疊加 / 故事分享

Spotify 正在播放卡

Spotify Now Playing 風格卡: 專輯封面 + 進度條 + 播放控制, 適配視頻疊加 / 個人主頁

X (Twitter) 帖子卡

擬真 X 推文卡片 + 互動數據 (likes/reposts/views), 適配視頻疊加或圖卡分享

🎬 視頻幀 & VFX

NYT 風數據圖表幀

NYT-newsroom 排版 + 錯峯揭示動畫 + 編輯級圖表 (折線/柱/範圍帶)

便利貼流程圖幀

SVG 曲線連接 + 便利貼節點 + 光標交互, 似白板 brainstorm

故障藝術標題幀

數字故障 / 像散偏移 / 數據腐敗標題, 適合視頻轉場 / cyberpunk hero

膠片漏光電影幀

膠片漏光 + 顆粒噪點 + 16:9 letterbox + 襯線大字, 電影感開場 / 章節卡

品牌 Logo 收尾幀

Logo 分塊組裝入場 + glow bloom + tagline 揭示, 適合視頻片尾 / 品牌閉幕

動效英雄幀

可循環 CSS 動效組合: 旋轉環、地球儀、計時器、視差標籤

VFX 文字光標

光標拖光 + 彩色像散射線 + 定向光斑, 適合視頻片頭逐字揭示金句

Hyperframes 視頻腳本

Hyperframes / Remotion 兼容嘅連續幀動畫, 可以自動播放

🏞️ 海報 & 雜誌

流體背景 Hero 幀

WebGL 風流體置換背景 + 頂部疊加金句, 適合視頻片頭 / landing hero / 海報

雜誌風海報

Sunday-paper 風格, 大字 serif headline + 雙欄正文 + 編號 sections

iPhone × MacBook 立體展架

iPhone + MacBook 仿 GLTF 靜態展架, 屏幕內嵌真實 HTML 內容, 玻璃鏡頭折射, 360° 轉盤構圖

營銷海報

豎版海報 / 朋友圈分享圖, 強視覺衝擊

像素動畫解說

像素美術 + kinetic 字體嘅解說幀, 純 CSS 循環, 可以錄視頻

📝 文章 & 博客

雜誌文章

Substack / Medium 高級感長文排版, 適合公眾號、博客發佈

博客長文

雜誌感長文, 含 masthead、hero、figures、pull quote、作者署名

電子指南

兩頁跨頁電子指南, 封面 + 課程頁 + pull-quote + 步驟列表

📱 移動端 & Mockup

遊戲化 App 多屏

三屏: 封面 / 今日任務帶 XP / 任務詳情, 暗色舞台

iPhone App 單屏

像素級 iPhone 15 Pro 邊框, 一屏 app 截圖

App 引導多屏

三個手機框並排: splash / value-prop / sign-in

📈 數據可視化

數據可視化報告

將 CSV/Excel/JSON 數據轉成靚仔嘅可視化報告頁

💰 財務 & 運營

季度財報

Masthead + KPI + 收入/燒錢圖 + P&L 表 + 重點 + 展望

可打印發票

標準發票: 寄件/收件 + 明細 + 税 + 總額 + 付款指引

📧 郵件 & 營銷

營銷郵件

產品發佈郵件, 含 masthead、hero、CTA、規格表, table-fallback

📋 簡歷 & 其他

極簡簡歷

現代極簡簡歷, A4 單頁, 適合打印或導出 PDF

注意：

自從前幾天Claude工程團隊Thariq發了這篇文章說“Claude團隊內部很多人從Markdown切到了HTML”後（閲讀量已破1200萬），HTML和Markdown究竟誰會笑到最後的話題貌似已經吵瘋了！

我覺得沒必要吵，我自己結論挺清晰：HTML給人看，Markdown給Agent看，沒毛病～

這不，OpenDesign背後的團隊Nexu也不含糊，轉身就祭出了新的開源項目HTML-Anything，號稱“要將一切HTML化”！

https://github.com/nexu-io/html-anything

目前這個倉庫裏已經集成了75套HTML模板及其對應的skill～

如果你也基本同意日常工作中將HTML化的確能提高效率，不妨把這個項目用起來！

我把75個模板都摳出來放在下面了👇 

https://hermes.aigc.green/html-anything/

HTML Anything — 75 Templates Demo

📊 Deck / 幻燈片

藍圖架構 Deck

奶油紙 + 鏽紅 + 藍圖網格 mask + 黑邊硬卡片 + pipeline 盒

課程 / 培訓 Deck

暖紙背景 + Playfair, 左側學習目標常駐, 含 MCQ 自測頁

極簡方向鍵 Keynote

8 頁單色背景, 160px display + 4px accent + Mono 箭頭列表

暗底圖譜 Deck

深夜漸變 + 漂浮 orbs + SVG 力導向圖譜 + JetBrains Mono

貴贊編輯墨水 Deck

電子雜誌 × 電子墨水; 10 個版面 + 5 套調色板 (墨水/靛藍瓷/森林墨/牛皮紙/沙丘)

Cyber Terminal Deck

黑底 + CRT 網格掃描線 + $ 命令行標題 + 薄荷綠大字 + 三檔 tag

雜誌風網頁 PPT

電子雜誌 × 電子墨水風, WebGL 流體背景 + 襯線 display

GitHub Dark 紫漸變 Deck

GitHub-dark + 紫藍環境光 + 三色漸變標題 + GitHub 風代碼

1920 畫布自由 Deck

鎖死 1920×1080 畫布, React 組件級自由組合, 不綁模板

投資人 Pitch Deck

10 頁融資 deck, 白底 + 藍紫漸變 hero, traction 柱狀, $X.XM ask

演講者模式 Deck

tokyo-night 默認主題, T 切換 5 主題, S 打開提詞器 popup

產品發佈 Keynote

暗 hero + 亮內容, 橙→桃 accent, 特性卡 + 定價 + CTA

Replit Slides 風 Deck

Replit Slides 八套主題 (helix/holm/vance/bevel/world/atlas/bluehouse)

安全 / 風險紅色 Deck

紅琥珀警示色 + hazard 條紋 + L1/L2/L3 tier 卡片 + 刪除線標題

通用 Simple Deck

通用 horizontal-swipe HTML deck, 不要 magazine 調

瑞士國際主義 Deck

16 列網格 + 單一飽和 accent + 22 個鎖死版面 (Klein Blue / Lemon / Mint / Safety Orange)

技術分享 Deck

GitHub-dark + JetBrains Mono + 終端代碼塊, 含 agenda + Q&A

馬卡龍慢生活 Deck

奶油底 + 柔光 blob + 馬卡龍圓角卡片 + Playfair 斜體序號

小紅書圖文 Deck

9 頁 3:4 豎版圖文, 暖 pastel + 虛線 sticker 卡片

白底雜誌風 Deck

純白 + 頂部彩虹 bar + 漸變文字 + 馬卡龍軟卡片 + 黑底 pill

Keynote 風格 PPT

蘋果 Keynote 級別幻燈片, 一屏一卡, 鍵盤左右切換

團隊週報 Deck

6-8 頁橫向滑動週報: 已發佈 / 進行中 / 阻塞 / 指標 / 求助

🌐 Web & App 原型

定價頁

三檔定價 + 特性對比表 + FAQ

Web 產品原型

可點擊的功能性 Web 原型, 含導航、英雄區、特性區、CTA

SaaS Landing

單頁 SaaS 落地頁, 含 hero/features/social-proof/pricing/CTA

等候名單頁

極簡產品預發佈落地頁, 含郵箱捕獲、logo、裝飾圖層

Brutalist 原型

Swiss industrial-print 風: 單字 grotesque、巨數字、ASCII 裝飾

Editorial 原型

Editorial-minimalist: 暖色單色 canvas + serif display + grotesque body

Apple Soft 原型

Apple 調: 銀/奶 canvas + 雙層斜面卡片 + button-in-button + spring

手繪線框圖

網格背景 + marker 筆觸 + 多 tab + sticky note + scribble 圖表

📊 Dashboard / 儀表板

管理後台儀表板

固定側欄 + 頂欄 + KPI 網格 + 1-2 張圖

社區 / 配對數據牆

消費感配對儀表板: 信號 ticker + KPI + 30 天柱狀 + 趨勢

FlowAI 團隊管理

三個 tab 的團隊管理後台: 成員、詳情、活動日誌, 含圖表 + CSV 導出

看板 / Kanban

To do / In progress / In review / Done 四列, 卡片 + 頭像 + 泳道

Notion 風團隊儀表板

Notion 風團隊儀表板, KPI + 7 日 sparkline + activity feed + 任務表

社媒創作者儀表板

平台切換 + 粉絲/互動 KPI + 增長曲線 + Top post + 熱門話題

社媒矩陣追蹤面板

電影感多平台社媒分析: 互動圖、懸浮洞察、區間對比、明暗主題

團隊 OKR 追蹤

季度 banner + 3 個目標 + KR 進度條 + owner + 狀態 pill

📄 文檔 & 報告

Kami 羊皮紙文檔

暖羊皮紙底 (#f5f4ed) + 墨藍單色 accent (#1B365D) + 單一襯線字體, 編輯級排印

技術文檔頁

三欄文檔頁: 側導航 + 正文 + 右 TOC

工程 Runbook

服務概述 + alerts 表 + dashboards + 操作命令 + on-call + 事故清單

新員工入職頁

首週日程 + buddy + 學習路徑 + 設備 + 完成標準

會議紀要

標題 + 出席 + 議程 + 決議 + action items + 下次

PRD / 產品 Spec

問題 + 成功指標 + 範圍 + user stories + 設計 + 發佈 + 待解決

🎴 社交分享卡

Twitter 分享卡

推特金句 / 數據卡, 適合配推文

小紅書圖文卡片

小紅書風格知識卡片, 多張聯排可滑動瀏覽

macOS 通知橫幅

擬真 macOS 通知 banner + app icon + 標題正文, 適合 video overlay / 產品發佈預告

社交媒體三聯

三張方形卡片輪播, 標題串聯, 品牌 mark + 編號

Reddit 帖子卡

擬真 Reddit 帖子卡 + 上下投票 + 評論數, 適合視頻疊加 / 故事分享

Spotify 正在播放卡

Spotify Now Playing 風格卡: 專輯封面 + 進度條 + 播放控制, 適配視頻疊加 / 個人主頁

X (Twitter) 帖子卡

擬真 X 推文卡片 + 互動數據 (likes/reposts/views), 適配視頻疊加或圖卡分享

🎬 視頻幀 & VFX

NYT 風數據圖表幀

NYT-newsroom 排版 + 錯峯揭示動畫 + 編輯級圖表 (折線/柱/範圍帶)

便利貼流程圖幀

SVG 曲線連接 + 便利貼節點 + 光標交互, 像白板 brainstorm

故障藝術標題幀

數字故障 / 像散偏移 / 數據腐敗標題, 適合視頻轉場 / cyberpunk hero

膠片漏光電影幀

膠片漏光 + 顆粒噪點 + 16:9 letterbox + 襯線大字, 電影感開場 / 章節卡

品牌 Logo 收尾幀

Logo 分塊組裝入場 + glow bloom + tagline 揭示, 適合視頻片尾 / 品牌閉幕

動效英雄幀

可循環 CSS 動效組合: 旋轉環、地球儀、計時器、視差標籤

VFX 文字光標

光標拖光 + 彩色像散射線 + 定向光斑, 適合視頻片頭逐字揭示金句

Hyperframes 視頻腳本

Hyperframes / Remotion 兼容的連續幀動畫, 可自動播放

🏞️ 海報 & 雜誌

流體背景 Hero 幀

WebGL 風流體置換背景 + 頂部疊加金句, 適合視頻片頭 / landing hero / 海報

雜誌風海報

Sunday-paper 風格, 大字 serif headline + 雙欄正文 + 編號 sections

iPhone × MacBook 立體展架

iPhone + MacBook 仿 GLTF 靜態展架, 屏幕內嵌真實 HTML 內容, 玻璃鏡頭折射, 360° 轉盤構圖

營銷海報

豎版海報 / 朋友圈分享圖, 強視覺衝擊

像素動畫解說

像素美術 + kinetic 字體的解說幀, 純 CSS 循環, 可錄視頻

📝 文章 & 博客

雜誌文章

Substack / Medium 高級感長文排版, 適合公眾號、博客發佈

博客長文

雜誌感長文, 含 masthead、hero、figures、pull quote、作者署名

電子指南

兩頁跨頁電子指南, 封面 + 課程頁 + pull-quote + 步驟列表

📱 移動端 & Mockup

遊戲化 App 多屏

三屏: 封面 / 今日任務帶 XP / 任務詳情, 暗色舞台

iPhone App 單屏

像素級 iPhone 15 Pro 邊框, 一屏 app 截圖

App 引導多屏

三個手機框並排: splash / value-prop / sign-in

📈 數據可視化

數據可視化報告

把 CSV/Excel/JSON 數據轉成漂亮的可視化報告頁

💰 財務 & 運營

季度財報

Masthead + KPI + 收入/燒錢圖 + P&L 表 + 重點 + 展望

可打印發票

標準發票: 寄件/收件 + 明細 + 税 + 總額 + 付款指引

📧 郵件 & 營銷

營銷郵件

產品發佈郵件, 含 masthead、hero、CTA、規格表, table-fallback

📋 簡歷 & 其他

極簡簡歷

現代極簡簡歷, A4 單頁, 適合打印或導出 PDF

注意：