http://du.kokura.dehttp://du.kokura.de/posts/395http://du.kokura.de/posts/395Wed, 17 Jun 2026 05:17:37 GMT<div class="tgme_widget_message_forwarded_from accent_color">Forwarded from <a class="tgme_widget_message_forwarded_from_name" href="https://t.me/zhetengsha/6053" target="_blank" rel="noopener"><span>折腾啥</span></a> (<span class="tgme_widget_message_forwarded_from_author">小一</span>)</div><video src="/static/https://cdn5.telesco.pe/file/6a660e84b5.mp4?token=fG6lD1BdDcJbb7zT9zo_ZZLox1NiowFQFBU5_rNBNtjGEVDg-1XVhX_irIe66PdXW6umLnYV9BQM_wjL7wxsTq9i2tbaAFl87vwuZyqEU15scyCwDkYezunH2CTKXEdYR48Kc1600ioFPMtY2O7WrzWYDec_yzIBls3dmJbj8ZjKP_d2_xWtkIzeZz_2s1H7rNoptYhNouqHP6Enq1hZHJMRUiiwzWbu-nHh9E4uhLLLYKWui6v6_GbluZ8w8dxNt0HNsKE1i0mygO0tiSxWvU2X-SbBNvOkaexvkU5Q_wVBflNN5FHdkUU80cKrFNW-vDbdCvTJnag5nEIN1TqeFA" class="tgme_widget_message_video js-message_video" width="100%" height="100%" preload="auto" muted autoplay loop playsinline controls webkit-playsinline></video><u>effective-</u><mark class="highlight"><u>html</u></mark><u>: 高效生成自定义 </u><mark class="highlight"><u>HTML</u></mark><u> 与架构图</u><br /><br />• 生成符合 effective <mark class="highlight">HTML</mark> 风格的完整 <mark class="highlight">HTML</mark> 页面 <br /><br />• 输出全屏 SVG 为主的架构与系统图，视觉效果突出 <br /><br />• 提供 <mark class="highlight">HTML</mark> 计划页模板，快速构建结构化文档 <br /><br /><a href="https://github.com/plannotator/effective-html" target="_blank" rel="noopener" title="https://github.com/plannotator/effective-html">https://github.com/plannotator/effective-html</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=%23HTML" title="#HTML">#HTML</a> <a href="/search/result?q=%23%E6%9E%B6%E6%9E%84%E5%9B%BE" title="#架构图">#架构图</a> <a href="/search/result?q=%23%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7" title="#开发工具">#开发工具</a> <a href="/search/result?q=%23AI" title="#AI">#AI</a> <a href="/search/result?q=%23GitHub" title="#GitHub">#GitHub</a>http://du.kokura.de/posts/385http://du.kokura.de/posts/385Thu, 28 May 2026 11:23:44 GMT<div class="tgme_widget_message_forwarded_from accent_color">Forwarded from <a class="tgme_widget_message_forwarded_from_name" href="https://t.me/zhetengsha/5760" target="_blank" rel="noopener"><span>折腾啥</span></a> (<span class="tgme_widget_message_forwarded_from_author">小一</span>)</div><div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-385-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/dVNLQbTWXJEdKv8IwJF7Q2_yQ72Sb5TLpmklINulKabZ1a0yC1_pFtbppxjxzpXRtjxntcF5_xmQLOHAiUssht2CJkuP9tD85aoNig38qhEkxH8GeV06vAE1mf4dtlhaO4sFmsqNIOgBAcMJHumwzN37WFFVtwBaPyudpj-tluWac4zbKXyASl3jAce7liK24LKKJtRR7Mvboyzc22G0QeA6XIAd-Rh4-amT159KHtM2fYfZqg1V1AXlS9kWBHpjNpBchYHjxKyYTgibi8kvETCF6GuvYdEtPsbv_66N94g5YGdDPkPlLz-KeGXuCZBb33xd7-SI9zCjo8VFdBZpQA.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-385-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-385-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-385-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><mark class="highlight"><u>HTML</u></mark><u> Anything: 面向 Agent 工作流的本地优先 </u><mark class="highlight"><u>HTML</u></mark><u> 编辑器</u><br /><br />• 自动识别 8 种本地 coding agent CLI，直接复用已登录 session，快速把 Markdown、CSV、JSON、SQL 等内容生成可交付的 <mark class="highlight">HTML</mark><br /><br />• 内置 75 套 skill 模板和 9 类输出场景，覆盖杂志文章、Keynote PPT、Web 原型、数据报告、社交分享卡与 Hyperframes 视频帧<br /><br />• 支持 SSE 流式渲染、沙箱预览与一键导出，可直接复制到公众号、知乎、X，或下载 .<mark class="highlight">html</mark> 与高分辨率 .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://du.kokura.de/posts/342http://du.kokura.de/posts/342Wed, 25 Mar 2026 04:52:21 GMT<div class="tgme_widget_message_forwarded_from accent_color">Forwarded from <a class="tgme_widget_message_forwarded_from_name" href="https://t.me/zhetengsha/5167" target="_blank" rel="noopener"><span>折腾啥</span></a> (<span class="tgme_widget_message_forwarded_from_author">小一</span>)</div><div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-342-0" popovertargetaction="show" aria-label="Open image preview: infocard-skills: 面向信息卡生成场景的轻量级开源 Agent Skills 仓库• 提供可复用的 skill package，当前主打的 editorial-card-screenshot 可将原始文本转换为适合截图传播的 HTML 信息卡• 支持自然语言直接调用，Agent 安装后即可完成内容整理、信息卡排版，并可按需进一步输出 PNG• 仓库结构清晰，包含 SKILL.md、assets、scripts、references 等完整技能目录，适合快速集成到自定义 Agent 工作流"> <img src="/static/https://cdn5.telesco.pe/file/RmAEPZ3kX3U0hkCILbZb5M3L6Eu5abtb4Mcw9vPSRdxtzk0N5J60XcW_h4xrUUWitASrp_kswGlq06id5EN_A1fT-9BY6sTSyqZMKWa5xSkbUfTErrH2_W0LBbZxiSmJoDzcXYa_qxhG4_yWmTNn1CPn49TuqdfObJJdZSkQX9_Z1KvjemwXhlISGKGBBSuvoYfzZTiYwGws2Y2-W0QWDRE4zPhC8EE1ltrNcaDkiDr_daPdlN2KAy56Ke2cHDkoDCEQBdEUDJuNO4BcX0X-7Cd2hJD7s2Bwu1aKbFV6ydKDAvZEu0N2zzYfDtiwyeqJmIpkywPZ7MvDMBV-JlpQQw.jpg" alt="infocard-skills: 面向信息卡生成场景的轻量级开源 Agent Skills 仓库• 提供可复用的 skill package，当前主打的 editorial-card-screenshot 可将原始文本转换为适合截图传播的 HTML 信息卡• 支持自然语言直接调用，Agent 安装后即可完成内容整理、信息卡排版，并可按需进一步输出 PNG• 仓库结构清晰，包含 SKILL.md、assets、scripts、references 等完整技能目录，适合快速集成到自定义 Agent 工作流" width="800" height="267" loading="eager" /> </button> <div class="modal" id="modal-342-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-342-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-342-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><u>infocard-skills: 面向信息卡生成场景的轻量级开源 Agent Skills 仓库</u><br /><br />• 提供可复用的 skill package，当前主打的 editorial-card-screenshot 可将原始文本转换为适合截图传播的 <mark class="highlight">HTML</mark> 信息卡<br /><br />• 支持自然语言直接调用，Agent 安装后即可完成内容整理、信息卡排版，并可按需进一步输出 PNG<br /><br />• 仓库结构清晰，包含 SKILL.md、assets、scripts、references 等完整技能目录，适合快速集成到自定义 Agent 工作流<br /><br /><a href="https://github.com/shaom/infocard-skills" target="_blank" rel="noopener" title="https://github.com/shaom/infocard-skills">https://github.com/shaom/infocard-skills</a><br /><br /><a href="/search/result?q=%23Agent" title="#Agent">#Agent</a> <a href="/search/result?q=%23%E4%BF%A1%E6%81%AF%E5%8D%A1%E7%94%9F%E6%88%90" title="#信息卡生成">#信息卡生成</a> <a href="/search/result?q=%23%E5%86%85%E5%AE%B9%E5%8F%AF%E8%A7%86%E5%8C%96" title="#内容可视化">#内容可视化</a> <a href="/search/result?q=%23HTML" title="#HTML">#HTML</a> <a href="/search/result?q=%23PNG" title="#PNG">#PNG</a> <a href="/search/result?q=%23GitHub" title="#GitHub">#GitHub</a> <a href="/search/result?q=%23%E5%BC%80%E6%BA%90%E5%B7%A5%E5%85%B7" title="#开源工具">#开源工具</a> <a href="/search/result?q=%23%E6%8A%80%E8%83%BD%E5%8C%85" title="#技能包">#技能包</a> <a href="/search/result?q=%23Skills" title="#Skills">#Skills</a> <a href="/search/result?q=%23Skill" title="#Skill">#Skill</a>