自从前几天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

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

