Power Users/Automators 折腾/讨论/分享各种开源工具/脚本/自动化工作流👥 @zhetengsha_group📌 合集 https://t.me/zhetengsha/2🎁 恰饭 https://t.me/zhetengsha/957📢 广告投放 @xream @xream_botBuy ads: https://telega.io/c/zhetengshafeedId:55438372655431680+userId:62307599601855488http://telegram.zhetengsha.eu.orghttp://telegram.zhetengsha.eu.org/posts/5760http://telegram.zhetengsha.eu.org/posts/5760Sun, 24 May 2026 12:15:28 GMT<div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-5760-0" popovertargetaction="show" aria-label="Open image preview: HTML Anything: 面向 Agent 工作流的本地优先 HTML 编辑器• 自动识别 8 种本地 coding agent CLI，直接复用已登录 session，快速把 Markdown、CSV、JSON、SQL 等内容生成可交付的 HTML• 内置 75 套 skill 模板和 9 类输出场景，覆盖杂志文章、Keynote PPT、Web 原型、数据报告、社交分享卡与 Hyperframes 视频帧• 支持 SSE 流式渲染、沙箱预览与一键导出，可直接复制到公众号、知乎、X，或下载 .html 与高分辨率 .png"> <img src="/static/https://cdn5.telesco.pe/file/vUnyinw8jqNbSuo5sMa7DvpuKR_cjMZVoslw4YZUmlOFLDoCBJzs5MpDPHEIfMaBM64fOisWvtQOrK_T2gfzr3lKExB2a-ecp_K1g6f2oylvh_wty_oer6PNRnxDwfFZVD0ccKHSK55NUVSw61kqTYsmdwYyqOyqmZCyKGQMOY0cKPx8AMuJL0pOikDY-TcHIqXUQrfXzS6Hfcln6NAh4mlmfY6t6TBOWoyvezZRM68B4vRHW-NFmjYvlazSuAUBk7tko18Hl-Pn1h6l3DeALFNPLDHc3opMmfJ5c4O0g7osmJssdXH1huTSA-0SK2n4S6LYjVYk7Zj9hVumerZbTw.jpg" alt="HTML Anything: 面向 Agent 工作流的本地优先 HTML 编辑器• 自动识别 8 种本地 coding agent CLI，直接复用已登录 session，快速把 Markdown、CSV、JSON、SQL 等内容生成可交付的 HTML• 内置 75 套 skill 模板和 9 类输出场景，覆盖杂志文章、Keynote PPT、Web 原型、数据报告、社交分享卡与 Hyperframes 视频帧• 支持 SSE 流式渲染、沙箱预览与一键导出，可直接复制到公众号、知乎、X，或下载 .html 与高分辨率 .png" width="800" height="428" loading="eager" /> </button> <div class="modal" id="modal-5760-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-5760-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-5760-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><u>HTML Anything: 面向 Agent 工作流的本地优先 HTML 编辑器</u><br /><br />• 自动识别 8 种本地 coding agent CLI，直接复用已登录 session，快速把 Markdown、CSV、JSON、SQL 等内容生成可交付的 HTML<br /><br />• 内置 75 套 skill 模板和 9 类输出场景，覆盖杂志文章、Keynote PPT、Web 原型、数据报告、社交分享卡与 Hyperframes 视频帧<br /><br />• 支持 SSE 流式渲染、沙箱预览与一键导出，可直接复制到公众号、知乎、X，或下载 .html 与高分辨率 .png<br /><br /><a href="https://github.com/nexu-io/html-anything" target="_blank" rel="noopener" title="https://github.com/nexu-io/html-anything">https://github.com/nexu-io/html-anything</a><br /><br /><img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327880277607583303.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha/2" target="_blank" rel="noopener" title="合集">合集</a> <img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6021860481923288796.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha_group" target="_blank" rel="noopener" title="群组">群组</a> <img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327792445526380187.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha/957" target="_blank" rel="noopener" title="恰饭">恰饭</a> <img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6330367862535884142.webp" alt="" loading="lazy" width="20" height="20" /><a href="https://t.me/xream_bot" target="_blank" rel="noopener" title="联系推广">联系推广</a><br /><br /><img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327836885552991740.webp" alt="" loading="lazy" width="20" height="20" /><a href="/search/result?q=%23AI" title="#AI">#AI</a> <a href="/search/result?q=%23HTML" title="#HTML">#HTML</a> <a href="/search/result?q=%23Agent" title="#Agent">#Agent</a> <a href="/search/result?q=%23%E6%9C%AC%E5%9C%B0%E4%BC%98%E5%85%88" title="#本地优先">#本地优先</a> <a href="/search/result?q=%23%E5%86%85%E5%AE%B9%E7%94%9F%E4%BA%A7" title="#内容生产">#内容生产</a> <a href="/search/result?q=%23%E5%8F%AF%E8%A7%86%E5%8C%96%E7%BC%96%E8%BE%91" title="#可视化编辑">#可视化编辑</a> <a href="/search/result?q=%23%E8%AE%BE%E8%AE%A1%E7%B3%BB%E7%BB%9F" title="#设计系统">#设计系统</a> <a href="/search/result?q=%23GitHub" title="#GitHub">#GitHub</a> <a href="/search/result?q=%23Next" title="#Next">#Next</a>.jshttp://telegram.zhetengsha.eu.org/posts/5472http://telegram.zhetengsha.eu.org/posts/5472Fri, 24 Apr 2026 13:04:53 GMT<video src="/static/https://cdn5.telesco.pe/file/877f602157.mp4?token=uN980ynR2IpXZKXWim-Vg89Py9Urn4hsBbG8fVZsOqqXYNaxHa_dQ48ZXp97k96jjkg5-g_bAXd9-TBD8G37nNgqHXJA52pBIj8pAefF6iXwYXaM3mwXFcOf6idnGSZjlU5nB_KJ7M6mHLX1MgC7HXLBjJH3A6B1VOG5nyN3zlh82oU4lZJo9DEVjEf7X0660Fz9u4lDUaMu1--apPNdIZG_JCH7Hb5KwTvAtHf_9dOp9SPHL42mO19D4iRyh9g5lbK4ksz8_4uGmWRxB3SnJmk6hskiKmyynqnuNirFBxjdeNnj_EU4LnV_F4CZKtsrtOvWus3WM7CZWrRkPmUY1Q" class="tgme_widget_message_video js-message_video" width="100%" height="100%" preload="auto" muted autoplay loop playsinline controls webkit-playsinline></video><u>Huashu Design: 面向 Claude Code 等 Agent 的 HTML 原生设计工作流</u><br /><br />• 一句话生成可交付设计，覆盖高保真原型、演讲幻灯片、时间轴动画、信息图等场景，3 到 30 分钟即可产出 HTML、MP4、GIF、PDF、可编辑 PPTX<br /><br />• 采用 HTML-first 架构，每页独立 HTML 作为基础产物，支持通过工具链导出浏览器演讲版 Deck 和真文本框 PPTX，适合技术团队直接接入自动化工作流<br /><br />• 内置 20 种设计哲学、5 维度专家评审、品牌资产协议与 Playwright 校验，兼顾设计方向探索、品牌一致性和工程化交付质量<br /><br /><a href="https://github.com/alchaincyf/huashu-design" target="_blank" rel="noopener" title="https://github.com/alchaincyf/huashu-design">https://github.com/alchaincyf/huashu-design</a><br /><br /><img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327880277607583303.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha/2" target="_blank" rel="noopener" title="合集">合集</a> <img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6021860481923288796.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha_group" target="_blank" rel="noopener" title="群组">群组</a> <img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327792445526380187.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha/957" target="_blank" rel="noopener" title="恰饭">恰饭</a> <img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6330367862535884142.webp" alt="" loading="lazy" width="20" height="20" /><a href="https://t.me/xream_bot" target="_blank" rel="noopener" title="联系推广">联系推广</a><br /><br /><img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327836885552991740.webp" alt="" loading="lazy" width="20" height="20" /> <a href="/search/result?q=%23%E8%AE%BE%E8%AE%A1%E5%B7%A5%E4%BD%9C%E6%B5%81" title="#设计工作流">#设计工作流</a> <a href="/search/result?q=%23%E9%AB%98%E4%BF%9D%E7%9C%9F%E5%8E%9F%E5%9E%8B" title="#高保真原型">#高保真原型</a> <a href="/search/result?q=%23%E6%BC%94%E8%AE%B2%E5%B9%BB%E7%81%AF%E7%89%87" title="#演讲幻灯片">#演讲幻灯片</a> <a href="/search/result?q=%23HTML" title="#HTML">#HTML</a> <a href="/search/result?q=%23ClaudeCode" title="#ClaudeCode">#ClaudeCode</a> <a href="/search/result?q=%23Agent" title="#Agent">#Agent</a> <a href="/search/result?q=%23AI" title="#AI">#AI</a> <a href="/search/result?q=%23%E8%AE%BE%E8%AE%A1" title="#设计">#设计</a> <a href="/search/result?q=%23PPTX" title="#PPTX">#PPTX</a> <a href="/search/result?q=%23%E5%8A%A8%E6%95%88%E8%AE%BE%E8%AE%A1" title="#动效设计">#动效设计</a> <a href="/search/result?q=%23GitHub" title="#GitHub">#GitHub</a>