html-anything 75个Skill模板清单1分钟选对PPT/简历/海报/小红书卡/Web原型模板【免费下载链接】html-anything✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tweet · prototype · data report · Hyperframes) ️ Sandboxed preview · 1-click to WeChat / X / Zhihu / HTML / PNG Zero API key — Claude Code / Cursor / Codex / Gemini / Copilot / OpenCode / Qwen / Aider.项目地址: https://gitcode.com/gh_mirrors/ht/html-anythinghtml-anything 是一款开源的 Agent 时代 HTML 编辑器你的本地 AI agentClaude Code / Cursor / Codex / Gemini / Copilot 等 9 个 CLI 均可负责写 HTML你只负责一键发布。它内置 75 套 Skill 模板覆盖 9 类交付场景——杂志文章、Keynote PPT、简历、海报、小红书卡、推特卡、Web 原型、数据报告、Hyperframes 视频且全程零 API Key直接复用你已登录好的 CLI 会话。这份清单按用途把模板全部摊开做 PPT 看第一张表做简历、海报、小红书图文卡、Web 原型看各自的章节1 分钟就能定位到最合适的那一套。1分钟选模板两个筛选维度模板选择器用两个维度给 75 套模板定位逻辑非常直白category模板类别slidesPPT· prototypeWeb 原型· card社媒卡片· poster海报· video视频帧· dashboard仪表盘· doc文档· data数据报告· resume简历· article长文· mobileApp 原型· email邮件· finance财务。scenario使用场景marketing营销· engineering工程· design设计· product产品· finance财务· hr人事· personal个人· operations运营· video视频等 12 种定义在 next/src/lib/templates/scenarios.ts 中。每套模板都自带example.html预览文件在选择器里双击即可看到真实效果不用先生成一遍才知道长什么样。PPT 模板23 套横向翻页 Keynotedeck 模式是模板里最重的一类适合发布会、融资、技术分享、课程等所有翻页讲的场合模板最适合deck-swiss-international瑞士国际主义风16 栏网格 单一饱和色设计师做的质感deck-guizang-editorial杂志 × 电子墨水编辑风10 版式 × 5 调色板像印刷艺术志deck-open-slide-canvas1920×1080 agent 原生画布deck-pitch投资人路演deck-product-launch产品发布会deck-tech-sharing技术分享deck-replitReplit 风产品演示deck-hermes-cyber赛博霓虹风deck-xhs-pastel / xhs-white / xhs-post小红书系三种奶油色 / 纯白 / 单帖deck-presenter-mode带演讲者备注←/→ 翻页、可导出 PDFdeck-course-module课程模块deck-blueprint路线图 / 蓝图deck-graphify-dark深色、重数据图表deck-obsidian-claudeObsidian / Claude 风笔记deck-magazine-web杂志风网页 deckdeck-ljg-present个人表达 / 内容创作deck-simple极简横向翻页deck-safety-alert事故 / 安全通报deck-dir-key-nav方向键深度浏览ppt-keynote通用 Keynote 风weekly-update团队周报翻页版选型口诀对外讲格调 → 瑞士国际讲叙事观点 → 贵赞编辑给投资人 → pitch日常分享 → tech-sharing 或 simple。简历与长文模板A4 尺寸直接可打印模板最适合resume-modern极简简历标准 A4210×297mm一页打尽article-magazine杂志长文A4 / 长页article-sketchnote-editorial手账笔记风长文适合教学digital-eguide数字电子指南封面 章节跨页blog-post编辑式博客长文doc-kami-parchment暖羊皮纸 editorial 文档长文阅读更护眼简历场景直接把工作经历粘进编辑器选resume-modern⌘Enter 生成后即可导出 PDF 用的.png或单文件.html。海报模板一张图讲清一件事模板最适合magazine-poster报纸风单页海报1080×1920 竖版poster-hero营销展示海报单页大视觉mockup-device-3d3D 设备边框海报产品图专用sprite-animation像素 / 8-bit 动画海报frame-liquid-bg-hero液态背景 Hero 大图小红书卡与社媒卡片模板发小红书、发 X、做 Spotify Wrapped 风格年终卡都有对应模板模板输出card-xiaohongshu小红书图文卡card-twitter推特金句卡social-x-post-cardX / Twitter 引用卡1600×900含作者 / 点赞 / 浏览量social-spotify-cardSpotify Wrapped 风卡片social-reddit-cardReddit 帖子卡social-carousel3 联 1080×1080 轮播卡frame-macos-notificationmacOS 通知气泡卡生成后走导出 → 图片modern-screenshot 会把页面渲染成 2 倍高清图直接进剪贴板粘贴到小红书 / 微博 / X 编辑器即可无需二次排版。Web 原型与 SaaS 落地页模板给产品做低保真演示或上线前快速搭落地页prototype 模式一共 11 套模板最适合prototype-web通用 Web 原型默认款1440×900 桌面saas-landingSaaS 落地页Hero / 特性 / 定价 / CTAwaitlist-page等候名单 / 早期访问页pricing-page多档位定价对比页web-proto-editorial编辑风衬线大字 网格web-proto-brutalist粗野主义硬边、黑白、反网格web-proto-soft柔和暖调软阴影、圆角wireframe-sketch手绘线框图早期脑暴mobile-appiPhone 15 Pro 壳的 App 原型mobile-onboardingApp 引导流程开屏 → 价值 → 登录gamified-app游戏化 App任务 / 经验值 / 等级另有 docs-page三栏技术文档和 email-marketing品牌发布邮件单栏 表格降级两个补充款。数据报告与仪表盘模板把 CSV / Excel / JSON 直接粘进去模板负责把它变成能汇报的页面模板最适合data-reportCSV/Excel → 可视化数据报告汇报首选dashboard管理 / 分析后台侧栏 密集数据布局live-dashboard实时数据仪表盘flowai-team-dashboard团队工作流仪表盘kanban-board看板快照team-okrsOKR 记分卡experiment-readoutA/B 实验结论报告info-funnel信息漏斗 / 转化路径social-media-dashboard / social-media-matrix社媒运营面板 / 多平台内容矩阵finance-report / invoice高管财务摘要 / 单页发票办公文档模板给团队日常用模板最适合pm-specPM 规格书 决策日志eng-runbook事故 Runbookmeeting-notes会议决策纪要hr-onboarding新员工入职计划exec-briefing-memo高管简报备忘录含董事会版式 assetscompetitive-teardown竞品拆解含雷达图 / 作战室版式 assetsdocs-page三栏技术文档视频帧与 VFX 模板产出可直接渲染 mp4video / frame / vfx 系列共 11 套遵循 Hyperframes 帧脚本规范交付后可直接交给 Remotion 渲染.mp4模板效果video-hyperframes6–10 帧 1920×1080 分镜脚本 转场标记frame-glitch-title赛博故障标题卡青/品红色差 CRT 扫描线frame-logo-outro品牌 Logo 片尾逐块拼合 光晕frame-data-chart-nytNYT 风数据图表动画帧frame-flowchart-sticky便利贴流程图帧frame-light-leak-cinema电影漏光转场motion-frames通用动效帧vfx-text-cursor光标打字 VFX 开场快速上手30 秒跑起来git clone https://gitcode.com/gh_mirrors/ht/html-anything cd html-anything pnpm install pnpm -F html-anything/next dev # 打开 http://localhost:3000打开浏览器后顶栏会自动识别你电脑上已登录好的 agent CLIclaude login/cursor login/gemini auth等任意一种即可选模板 → 粘贴内容 → ⌘Enter。全程零 API Key不额外花一分钱。模板在哪里找、如何扩展全部 75 套模板按一文件夹一模板存放在 next/src/lib/templates/skills/每套 SKILL.mdfrontmatter 声明 category / scenario 硬约束提示词example.md示例输入example.html预览效果。服务端加载逻辑在 next/src/lib/templates/loader.ts客户端通过/api/templates拉取列表next/src/lib/templates/index.ts。想加一套自己的模板复制一个相近的文件夹、改SKILL.mdfrontmatter、重启 dev 即出现在选择器里完整门槛见 CONTRIBUTING.md。每个模板里的硬约束中文优先字体栈、8px 基线网格、对比度 ≥ 4.5、必须用真实数据正是生成出来不像 AI 糊的的关键想深挖可看 README.md 的 Six load-bearing ideas 章节。一句话选型总结PPT 用deck-*简历用resume-modern海报用magazine-poster/poster-hero小红书图文用card-xiaohongshuWeb 原型用prototype-web数据汇报用data-report——选对模板剩下的交给你的本地 agent。【免费下载链接】html-anything✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tweet · prototype · data report · Hyperframes) ️ Sandboxed preview · 1-click to WeChat / X / Zhihu / HTML / PNG Zero API key — Claude Code / Cursor / Codex / Gemini / Copilot / OpenCode / Qwen / Aider.项目地址: https://gitcode.com/gh_mirrors/ht/html-anything创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考