20:"$Sreact.view_transition" 21:I[9754,["/_next/static/chunks/2t36f5p4pjzlb.js","/_next/static/chunks/1gyqeidjm5eoa.js","/_next/static/chunks/0_fjnxc4tt_l_.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/3kv2zf0i7s2wc.js","/_next/static/chunks/1vs_3g_g75zmk.js","/_next/static/chunks/2g4dh802s8oz3.js","/_next/static/chunks/1bc3f0shukf1j.js","/_next/static/chunks/192kgs9v_t14j.js","/_next/static/chunks/0z6pw0v5c_lx5.js","/_next/static/chunks/08r60e6icmtkc.js","/_next/static/chunks/3trx6c0i7_x-3.js","/_next/static/chunks/40sro5bzp9bi_.js","/_next/static/chunks/1wgf3tk38y6cf.js"],"ProjectDetail"] 22:T555f, html-anything — 落笔付印台 · 让本地 AI 代理写 HTML，你只管付印

HTML ANYTHING / Sheets 01 — 07 / Ink roll, continuous

html-anything nexu-io · 本地优先 · Apache-2.0

AI 落笔 · 作者付印

让本地 AI 代理写 HTML，
你只管付印

一台面向创作者的非编辑器：自动识别你已登录的 CLI，把 Markdown 稿纸逐段写满纸卷，落笔即流式渲染——最终交出可直接发布的单文件 HTML。

Streaming render = watch the AI draw Markdown 进 → HTML 出 → 派送

卷末折痕 · 交付角标 PNG HTML 单文件微信 X 知乎

02 · SHEETS

9种交付面，从同一卷原稿开版

同一份 HTML 原稿像一块母版，压成九种版别的校样。每种版别有各自的幅面与裁切逻辑，别被“导出”二字简化——它们只是同一卷纸在卷末的不同折法。

Note以下为规格层的事实，不是营销话术：每种版别都对应一组真实可落地的技能模板。

01杂志页magazine · 长版式排印版别

02演示文稿deck · 20 skills版别

03海报poster · 竖幅出血版别

04小红书卡片XHS / tweet · 方幅版别

05推文卡tweet · 横幅版别

06网页原型prototype · 可交互版别

07数据报告data report · 图表版别

08Hyperframes 视频frame / vfx / mockup · 12 skills版别

09办公与文档office / doc版别

03 · CATALOG

75个技能模板，像文件夹一样可组合

技能是文件夹，不是插件——不靠接线安装，而是一摞可存档、可开合、可抽取的模板。作者在原稿上挑一份，就抽出一份可落地的清单。

修能力由参数可调的不硬约束看住，模型不再自由发挥；这正是不需要插件生态也能规模化组合的原因。

/surfaces网页原型与营销页prototype mode

/deck演示文稿deck mode · 20 skills

/frameHyperframes 帧与设备效果frame / vfx / mockup · 12 skills

/social社交媒体分享卡social mode

/office办公与运营office / doc mode

/magazine杂志长版式editorial

/poster海报铺排poster

/data数据报告data report

/prototype数据可视化原型prototyping

04 · INK SOURCES

谁在落笔：识别你已登录的代理

不新增一条密钥。启动时扫描你已安装并登录的编码代理 CLI，直接接管同一支笔——写 HTML 的从来是你自己身边的 agent。

Claude Code Cursor Codex Gemini Copilot OpenCode Qwen Aider

事实自动检测的 CLI 数量为 9；你现有代理已足够，项目不另发货一个代理。

05 · PROOF

沙盒预览：校样即成品

生成的每一稿都在沙盒里预览，所见即所交。检测到任何越界即标红待修，通过的稿子就是可直接发布的单文件 HTML。

运行面沙盒内预览已隔离

产物单文件 HTML 可发布

06 · PRESS RUN

一次付印，多处派送

从卷末折痕处抽出，一键分发到你最常落脚的平台，或直接下载交付物。

微信 X 知乎 {HTML} PNG

派送一行命令即可完成 run —— 导出是“开印”动作，不是事后处理。

仓库： open-design.ai/html-anything/ · 许可证 Apache-2.0

07 · BOUNDARY

守则与边界

本地优先，零 API 密钥，只信任你身边的既有 agent；能力以文件夹模板与参数化约束组合，而非插件生态。

许可证 Apache-2.0 · 可商用可改造开放

运行本地优先 · 无需后端离线可用

边界取决于你所登录 CLI 的能力；部分进阶能力依托 Open Design 生态。语言与仓库默认英文，此处为你重写为本地语言。

付印完成 · 一校即成

浏览器里打开 artifact，就是要在浏览器里交付的东西。
让本地 AI 代理写 HTML，你只管付印。

html-anything · nexu-io · GitHub

23:T5367, html-anything — Your local AI agent writes the HTML, you ship it

HTML ANYTHING / Sheets 01 — 07 / Ink roll, continuous

html-anything nexu-io · local-first · Apache-2.0

AI draws · you ship

Your local AI agent
writes the HTML, you ship

A non-editor for creators: it auto-detects the coding-agent CLIs you already have logged in, writes your Markdown across a proof roll in visible strokes, and hands back a ship-ready single-file HTML.

Streaming render = watch the AI draw Markdown in → HTML out → deliver

delivery fold · corner tab PNG single-file HTML WeChat X Zhihu

02 · SHEETS

9 deliverable surfaces from a single master

One HTML source works like a master plate, pressed into nine sheet editions. Each has its own format and trim logic — not nine different tools, but nine folds of the same proof at the seam.

NoteSpecs below are facts, not marketing: each surface maps to a real, composable set of skill templates.

01Magazinemagazine · long-form editorialedition

02Deckdeck · 20 skillsedition

03Posterposter · full-bleededition

04XHS cardXHS / tweet · squareedition

05Tweet cardtweet · landscapeedition

06Prototypeprototype · interactiveedition

07Data reportdata report · chartsedition

08Hyperframesframe / vfx / mockup · 12 skillsedition

09Office & opsoffice / docedition

03 · CATALOG

75 composable skill templates, filed like folders

Skills are folders, not plugins — the model picks a template and files it in, rather than wiring up a plugin. Pick one from the manuscript, draw a real, ready-to-run sheet from it.

RevParameterised but hard constraints keep the model from freestyling — that is why a large set scales without a plugin ecosystem.

/surfacesWeb prototypes & marketing pagesprototype mode

/deckDecksdeck mode · 20 skills

/frameHyperframes video frames & device mockupsframe / vfx / mockup · 12 skills

/socialSocial share cardssocial mode

/officeOffice & opsoffice / doc mode

/magazineMagazine long-formeditorial

/posterPoster layoutposter

/dataData reportsdata report

/prototypeData-viz prototypingprototyping

04 · INK SOURCES

Who holds the pen: your already-logged-in agents

No new API key. On start it scans the coding-agent CLIs you have installed and signed in, then hands the same nib straight to one of them — the HTML is written by the agent already beside you.

Claude Code Cursor Codex Gemini Copilot OpenCode Qwen Aider

FactNine CLIs are auto-detected; your existing agent is enough — the project does not ship its own separate agent CLI.

05 · PROOF

Sandbox preview: the proof is the product

Every draft renders inside a sandbox — what you preview is what you deliver. Sheets that stay inside the guardrail pass; the passing sheet is already a ship-ready single-file HTML.

runtime preview inside sandbox isolated

output single-file HTML ship-ready

06 · PRESS RUN

One press run, delivered anywhere

Pull the finished sheet from the fold and dispatch it in one move, to the platform where you actually live — or download the deliverable itself.

WeChat X Zhihu {HTML} PNG

DispatchOne action runs the whole pass — export is a press-run motion, not post-processing.

Site: open-design.ai/html-anything/ · License Apache-2.0

07 · BOUNDARY

Guards and the edge of the roll

Local-first and keyless, trusting only the agents already beside you; ability composes out of folder templates and parameterised constraints, not a plugin marketplace.

license Apache-2.0 · remix and ship open

runtime local-first · no backend works offline

EdgeDepends on the capability of the CLI you log in with; some advanced bits lean on the Open Design ecosystem. Repo and docs default to English; this page has been rewritten for you in your own language.

Press run complete · one revision

Whatever opens in a browser is what ships in the browser.
Let your local AI agent write the HTML — you ship it.

html-anything · nexu-io · GitHub

a:[["$","$20",null,{"enter":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-enter","default":"none"},"exit":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-exit","default":"none"},"update":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-update","default":"none"},"default":"none","children":["$","$L21","cmsndok2d0005cz47lzmfvvc8:zh-CN:beautified",{"project":{"id":"cmsndok2d0005cz47lzmfvvc8","slug":"nexu-io-html-anything","name":"html-anything","description":"本地优先的智能 HTML 编辑器，零 API 密钥","authorName":"nexu-io","authorVerification":{"verified":false,"verifiedAt":null},"category":"development_tools","subcategory":"data_ai_tools","experienceUrl":"https://open-design.ai/html-anything/","qualityScore":98,"featured":false,"officialSite":null,"views":{"original":{"available":true},"official":{"available":false,"reason":"disabled_by_policy"},"beautified":{"available":true,"reason":null},"defaultView":"beautified"},"beautifiedView":{"revisionId":"cmt2zh1ui017b6271sgu4cr0x","kind":"artifact","artifact":{"schemaVersion":"localized-static-html-v4","kind":"static_html","locales":["zh-CN","en"],"defaultLocale":"zh-CN","documents":{"zh-CN":"$22","en":"$23"},"designDirections":{"schemaVersion":"dodot-design-directions-v1","directions":[{"id":"filing-system-with-nine-shelves","name":"技能资料架：文件夹即能力","projectMetaphor":"HTML Anything 的核心机制是「Skills are folders, not plugins」——能力是一摞可存档、可开合、可抽取的文件夹，而不是需要接线安装的插件。整个页面像一间档案室：一面由 75 个技能文件夹垒成的资料墙，按 9 种交付面分架归档，作者把 Markdown 稿纸推入某个文件夹，就从对面抽屉抽出成品。","signatureVisual":"一面纵向延伸的档案抽屉墙：每个抽屜把手标注一种交付面（杂志/Deck/海报/小红书/推文/原型/数据报告/Hyperframes），抽屉内部用一排文件夹脊背表达 75 个技能；最上层一个抽屜被拉出，里面躺着「沙盒预览→html/png 导出」的完整产物路径。抽屉是可靠的实体隐喻，不做发光、不做模拟截图。","heroGeometry":"Hero 是一面以等距小方格铺设的档案墙面：左上角一枚「75 Skills」的藏卡索引作为锚点，右侧按 9 列抽屜展开，一条横向的「Markdown 进 → HTML 出」传送导轨贯穿墙底，把稿纸送进抽屜、让产物从另一侧滚出。","sectionSequence":["filing-wall-hero","nine-drawers-surfaces","skills-catalog-75","detect-agents-row","sandbox-proof","export-plates","local-zero-key-close"],"surfaceModel":"材质化为档案馆实体：纸卡舌片、档案抽屜面板、可撕的色带标签与金属标号铭牌；区块边界是抽屜的面板接缝，指标以藏卡角标形式嵌入，而非悬浮卡片。","palette":"豆灰档案柜 + 米白卡纸 + 玛瑙红索引标签 + 墨黑金属件；每个抽屜把手色带随交付面切换，背景保持哑光档案纸。","typography":"标题用略收紧的衬线（图签/扉页感），正文用无衬线档案工作体，技能名与命令沿用等宽配置体，标号铭牌用金属凸字托底。","desktopComposition":"左侧纵向档案墙占据主体，右边缘一条悬浮的「待归档队列」；抽屜开合沿横轴，传送导轨作为贯穿全页的水平中线引导视线。","mobileTransformation":"档案墙压缩为一部竖向的抽屜文件柜：9 个抽屜改成可下拉的活页索引条，75 技能收进可抽出的夹层列表，传送导轨转为顶部一行的进出双向箭头，抽屜面板变成纵向堆叠。","mediaStrategy":"无本地素材，删除媒体区；以档案抽屜几何、技能文件夹脊背与藏卡索引构成标志视觉，不伪造任何产品截图。","forbiddenPatterns":["浏览器/编辑器/终端外壳","三张并列指标卡","发光渐变网格","模拟产品截图","装饰粒子","悬浮玻璃拟态卡片墙"],"compositionFingerprint":"一面等距方格档案墙 + 横向「归档→取出」传送导轨贯穿全页，抽屜把手按 9 交付面分架、文件夹脊背构成全页标号系统"},{"id":"ink-writer-on-gallery-sheets","name":"落笔付印台：看 AI 画稿","projectMetaphor":"这个方向表达「Streaming render = watch the AI draw / 你的本地 AI 代理写 HTML，你只管付印」。它把作者当作排版车间里的一位监印人，面前是一卷尚未装订的校样长卷；AI 的每次落笔都真实地留下墨迹与页码标记，作者在原稿上批注，最后成品的每一页都可直接从卷头抽出付印。","signatureVisual":"一杆真实的墨笔笔尖沿着一卷横贯页面的校样纸书写，笔尖落下的那一段立刻显现出墨色与段落柱；已写区域以页码标记锚定，待写区域是空白的稿线。书写过程即流式渲染本身，是证据驱动的机制示意，不是编辑器截图。","heroGeometry":"Hero 是一条几乎水平的墨线轴线：墨笔从左侧起笔，逐段把稿纸写满，笔尖处留一个「正在落笔」的光标，已完稿段覆盖到右端并折出一个交付角标（HTML / PNG / 平台导出）。","sectionSequence":["ink-path-hero","gallery-roll-surfaces","manuscript-edits","agents-to-ink","sandbox-proof","press-run-export","caveats-and-openness"],"surfaceModel":"一层持续的书写纸面：以行格、页边、页码与印边刻度为结构单位；章节如同连续纸卷上的不同段落，区块以「段落栏 + 页内引注」呈现，不做悬浮浮层。","palette":"尚白稿纸 + 墨黑笔迹 + 茜红修订批注 + 灰蓝页码；已写与未写的密度对比承载信息层级。","typography":"标题用高对比度的印刷版衬线（排印页的强调），正文用顺读的无衬线，命令与技能名用等宽铅字，页码用古籍式数字。","desktopComposition":"墨线横向贯穿视口作为主轴，正文以「段落在长卷上的分布」排布；交付角标在右端折痕处，批注竖排在纸缘，节奏随墨水分量起伏。","mobileTransformation":"横贯长卷折叠为竖向的连续纸卷：墨笔改为从上往下的书写方向，页码沿卷边竖排，交付角标固定在卷底，章节按纸面分段堆叠成原稿页。","mediaStrategy":"无本地素材，删除媒体区；以墨线书写路径、段落柱与页码卷标构成标志视觉，笔尖动画表现流式渲染而非模拟 UI 截图。","forbiddenPatterns":["浏览器/编辑器/代码窗口外壳","三卡指标墙","发光网格或粒子","模拟生成预览截图","装饰性渐变背景","假进度条当作产品证据"],"compositionFingerprint":"一杆墨笔沿连续校样长卷单方向书写，页码与页边刻度纵向贯穿，已写/未写墨量对比全页承载密度，交付在卷末折痕处"},{"id":"press-plates-fanned","name":"开印九版：一份稿纸九家版别","projectMetaphor":"这个方向强调「一键从同一产物分发到多处」：同一份 HTML 原稿像一块母版，被压成 9 种交付面的印版，分别开印成海报、Deck、小红书卡、推文、数据报告等。项目用「开印」而非「导出」，把多表面分发变成一次排印动作，突出不同版别的幅面与裁切逻辑。","signatureVisual":"九枚呈扇形展开的印版，每枚镌刻一个交付面图样（竖版海报、横版推文、方版小红书……）并带有各自的出血裁切标记；中心一枚居中的母版稿纸，印刷墨力把这些版别从同一个源均匀地压出去。","heroGeometry":"Hero 以一枚居中的「母版稿纸」为焦点，九枚印版围绕它沿圆弧呈放射状展开，每枚版带独立的出血记号（裁切十字）；一条半透明的印刷墨轨把母版连向每枚版，表示同一来源分版开印。","sectionSequence":["press-hero","nine-plates-surfaces","skill-plates-75","agents-in-press","sandbox-proof-sheet","export-run","zero-key-and-open"],"surfaceModel":"一层「印版厂」表面：以出血线、裁切十字、套色标记和纸张克重为结构单位；区块边缘用裁切记号而非圆角，印版与母版间用墨色通道连接。","palette":"铅灰印版 + 纯黑墨 + 荧光橙套色块 + 未上墨的纸白；每枚版别以一角套色标区分。","typography":"标题用极粗的工业无衬线（印版章），正文用清读无衬线，技能/命令用等宽印字，裁切标号用等距金属铭牌字。","desktopComposition":"母版居中、印版成环放射的主焦点构图，各版别以套色角标标识；信息按「源→分版」的径向关系排布，导出口在母版正下方。","mobileTransformation":"放射环收拢为竖向的「一格一版」档案条：母版固定于顶块，印版沿纵向折叠列表展开，套色角标保留；裁切观感压缩为页边两侧的出血刻度。","mediaStrategy":"无本地素材，删除媒体区；以九枚印版、裁切十字与套色标构成标志视觉，表达多表面分发关系而非模拟输出界面。","forbiddenPatterns":["工具/浏览器界面外壳","三张并列指标","发光径向渐变光晕","伪造导出弹窗截图","装饰网格","通用功能卡片墙"],"compositionFingerprint":"一枚母版稿纸同时被九枚印版呈放射状压出，裁切十字与套色标号贯穿所有版面，同一来源沿墨轨分版开印的径向构图"}],"selectedDirectionId":"ink-writer-on-gallery-sheets","selectionRationale":"项目最核心、最能传达机制的机制是『Streaming render = watch the AI draw』以及定位句『你的本地 AI 代理写 HTML，你只管付印』。方向二「落笔付印台」用一杆沿连续校样长卷书写的墨笔，把流式渲染本身作为 Hero 动力与贯穿全页的主轴，最贴合高价值事实（本地代理实时写稿、可回的版本、付印即交付表面），且完全避开档案架/印版这两个更偏向组织与分发的方向。它在桌面端是一根横向墨线主轴、在 390px 折叠为竖向连续纸卷，视觉与结构都不同。与档案室（方格抽屉墙）、印版（放射开印）相比，落笔付印台以『时间性的书写过程』统一了流式渲染与校样比对，是三者中最能表达项目真正的交互机制且 antiTemplateContext 未占用的构图。"},"designBrief":{"schemaVersion":"dodot-design-brief-v1","selectedDirectionId":"ink-writer-on-gallery-sheets","projectMetaphor":"这个方向表达「Streaming render = watch the AI draw / 你的本地 AI 代理写 HTML，你只管付印」。它把作者当作排版车间里的一位监印人，面前是一卷尚未装订的校样长卷；AI 的每次落笔都真实地留下墨迹与页码标记，作者在原稿上批注，最后成品的每一页都可直接从卷头抽出付印。","signatureVisual":"一杆真实的墨笔笔尖沿着一卷横贯页面的校样纸书写，笔尖落下的那一段立刻显现出墨色与段落柱；已写区域以页码标记锚定，待写区域是空白的稿线。书写过程即流式渲染本身，是证据驱动的机制示意，不是编辑器截图。","compositionFingerprint":"一杆墨笔沿连续校样长卷单方向书写，页码与页边刻度纵向贯穿，已写/未写墨量对比全页承载密度，交付在卷末折痕处","heroGeometry":"Hero 是一条几乎水平的墨线轴线：墨笔从左侧起笔，逐段把稿纸写满，笔尖处留一个「正在落笔」的光标，已完稿段覆盖到右端并折出一个交付角标（HTML / PNG / 平台导出）。","sectionSequence":["ink-path-hero","gallery-roll-surfaces","manuscript-edits","agents-to-ink","sandbox-proof","press-run-export","caveats-and-openness"],"surfaceModel":"一层持续的书写纸面：以行格、页边、页码与印边刻度为结构单位；章节如同连续纸卷上的不同段落，区块以「段落栏 + 页内引注」呈现，不做悬浮浮层。","palette":"尚白稿纸 + 墨黑笔迹 + 茜红修订批注 + 灰蓝页码；已写与未写的密度对比承载信息层级。","typography":"标题用高对比度的印刷版衬线（排印页的强调），正文用顺读的无衬线，命令与技能名用等宽铅字，页码用古籍式数字。","desktopComposition":"墨线横向贯穿视口作为主轴，正文以「段落在长卷上的分布」排布；交付角标在右端折痕处，批注竖排在纸缘，节奏随墨水分量起伏。","mobileTransformation":"横贯长卷折叠为竖向的连续纸卷：墨笔改为从上往下的书写方向，页码沿卷边竖排，交付角标固定在卷底，章节按纸面分段堆叠成原稿页。","mediaStrategy":"无本地素材，删除媒体区；以墨线书写路径、段落柱与页码卷标构成标志视觉，笔尖动画表现流式渲染而非模拟 UI 截图。","evidencePlan":["出『75 Skills』的技能目录段落，以可组合的技能脊背/条目呈现而非功能卡片墙","出『9 种交付表面』的开印列表：杂志/Deck/海报/小红书卡/推文/原型/数据报告/Hyperframes，用规格而非营销措辞表达","出『自动检测 9 种编码代理』的落笔来源（Claude Code/Cursor/Codex/Gemini/Copilot/OpenCode/Qwen/Aider），仅陈述已登录 CLI 事实","出『沙盒预览 + 生成即单文件 HTML + 一键导出到微信/X/知乎/HTML/PNG』的付印路径段落","出 Apache-2.0 许可、本地优先、零 API 密钥的守则与边界段落"],"localeContract":{"zh-CN":"立足『让本地 AI 代理写 HTML，你只管付印』：以落笔书写为主线呈现流式渲染；以页码卷标承载 75 技能与 9 种交付面；以笔尖动画表达进度而非假 loading；文案密度允许更长校样式段落，命令与技能清单保留完整事实。","en":"Stand on 'Your local AI agent writes the HTML, you ship it': drive the page with an ink stroke as the streaming-render metaphor; use page-marker ledger to carry 75 skills and 9 deliverable surfaces; the pen tip expresses progress without a fake loader; English copy may use shorter press-proof lines while keeping full factual command/skill lists."},"forbiddenPatterns":["浏览器/编辑器/终端/代码窗口外壳","三张并列指标卡","发光网格或粒子填充","模拟生成预览/导出弹窗截图","装饰性渐变背景作为标志","假进度条或被当作产品证据的占位"]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"页面忠实实现了所选方向「ink-writer-on-gallery-sheets / 落笔付印台」：Hero 为贯穿全页的一杆墨笔沿校样纸卷书写、落笔显墨色段落柱、已写处以页码锚定、卷末折痕托交付角标（HTML/PNG/平台导出）；章节序列、调色板（尚白稿纸+墨黑+茜红批注+灰蓝页码）、衬线/无衬线/等宽字体系全部落地。所有关键事实（75 技能、9 交付面、9 个自动检测 CLI、Apache-2.0、沙盒预览+单文件 HTML、多平台导出）均有材料依据，且以规格目录而非营销卡片墙呈现。未回退到通用 Hero/三卡/卡片墙/无依据设备壳/装饰渐变网格，无模拟截图与假控件。1280px 与 390px 均无横向溢出，移动端形成真正的单列竖向重构。中英双语章节结构等价且自然。唯一非阻断项是新 Signature 墨笔 SVG 在移动端未按 Brief 要求改为自上而下书写、页码未沿卷边竖排，属保真细节，不构成阻断。","checks":{"projectFit":{"passed":true,"evidence":"sectionSequence 与 design-directions/brief 完全一致：ink-path-hero→gallery-roll-surfaces→manuscript-edits→agents-to-ink→sandbox-proof→press-run-export→caveats-and-openness，共 7 段（zh-CN.html:219-438、en.html:177-394）。palette 命中（--paper #f6f0e3、--ink #1b1b1f、--rein #cf4527、--slate #6b778b），typography 命中（ui-serif 标题衬线、ui-sans-serif 正文、ui-monospace 命令/技能名、古式页码）。Hero 采用横贯墨线轴线+落笔处光标+交付角标，与 heroGeometry 一致。每 section 以 .pg 页码与 .barrel=bbl 段落在纸卷上分布，无悬浮浮层，符合 surfaceModel。"},"evidenceBound":{"passed":true,"evidence":"9 交付面（zh-CN.html:302-310、en:58-266）来自 material readme heading 与 description，含 deck·20 skills、Hyperframes·12 skills 等源数据；75 技能目录以文件夹脊背 /surfaces /deck /frame /social /office /magazine /poster /data /prototype 呈现（zh:326-334，en:282-290），对应 readme headed 目录；9 个 CLI（Claude Code/Cursor/Codex/Gemini/Copilot/OpenCode/Qwen/Aider）与 evidencePlan 及 material 描述吻合；Apache-2.0、nexu-io、sandbox preview、single-file HTML、微信/X/知乎/PNG 导出均对应 material fact、claim 与 localizations；'project does not ship its own agent'、'hard constraints stop freestyling' 均源自 readme。无广告性无依据数字。"},"signatureVisual":{"passed":true,"evidence":"signatureVisual 真实存在于两地 Hero SVG（zh-CN.html:237-278、en.html:194-233）：墨笔笔尖（#cf4527 pen nib）停在书写点，其左下方为已写墨色段落柱（ink rect + 浅色段落白块），已写区锚定页码 01-04，待写区为 ruled 空稿线（rect fill url(#ruled) + 底色），卷末折出交付角标 polyline/polygon 与 'PNG / HTML' 文本，对应 note 'deliver'。全部为静态几何机制示意，非产品截图，与 brief signatureVisual/heroGeometry 逐点对应。"},"mobileTransformation":{"passed":true,"evidence":"760px 断点形成真实重构（zh-CN.html:192-203、en.html:150-161）：.barrel 从两栏 grid 降为单列 1fr（连续纸卷竖向堆叠）、.cards columns:3→1、.plate flex-wrap 让 dim 折行（margin-left:46px 错位）、h1 缩至 34px、section padding 收窄。QA 显示 scrollWidth==clientWidth（1280 与 390 均无横向溢出），移动端 scrollHeight 6239/7041 明显大于桌面表明竖向连续延伸成立。交付角标区 .deliver 在移动端随 block 流沉至 Hero 底部，符合'交付在卷底'意图。"},"localeParity":{"passed":true,"evidence":"zh-CN.html 与 en.html 结构一对一等价：7 段顺序、每段 .pg 页码、9 面 spec、75 技能目录、9 代理 chips、sandbox/proof、export、boundary、closing 完全对应。en 为自然的排印式英文（'the proof is the product'、'One press run, delivered anywhere'），非逐字机翻；zh-CN 为顺读中文（'让本地 AI 代理写 HTML，你只管付印'）。两侧均保留完整事实/命令/技能清单，factual 一致性高；boundary 段各自说明语言重写，暗示已做审校。"},"antiTemplate":{"passed":true,"evidence":"未回退通用 Hero/三卡/卡片墙：Hero 是墨线书写几何机制而非通用营销 hero；9 交付面用 rails/规格列表（.plates）而非三张并列指标卡；75 技能用带左缘茜红脊背+等宽路径的文件夹目录（.cards, columns 目录），符合 brief『技能脊背/条目而非功能卡片墙』；无浏览器/编辑器/终端/代码窗口外壳；背景为极淡的 repeating-linear 校样行格纸纹，非发光渐变网格或粒子；无伪造 preview/export 弹窗截图。compositionFingerprint『一杆墨笔沿连续校样长卷单方向书写、页码纵贯、交付在卷末折痕』成立，且未碰撞 antiTemplateContext 中的任何既有指纹。"},"noFakeUi":{"passed":true,"evidence":"无按钮/输入/下拉等可操作控件，QA fakeControlCount=0。所有 .exp/.fold/.seal 均为静态 span，在交付/开印上下文中读作图例芯片而非可点按钮。无假进度条/假 loading：全文件无 @keyframes、无启用的 animation 属性（仅 prefers-reduced-motion 中关闭性的 animation:none），墨笔与光标是静态几何示意而非模拟产生动画；笔尖处页光标为可视化页码提示，不冒充产品进度条。链接均为真实仓库/官网地址（open-design.ai、github.com/nexu-io/html-anything），scan 无 emptyLink/brokenImage。"}},"issues":[{"code":"mobile-inkpath-not-vertical","severity":"warning","locale":"all","description":"mobileTransformation 契约要求『墨笔改为从上往下的书写方向，页码沿卷边竖排』，但移动端 .inkline 的 SVG 仍保持横向 viewBox 0 0 1080 170，墨笔仍自左向右书写；页码仍在顶部横向 ledger 内，未沿纸卷右缘竖向竖排。页面整体已形成真正的单列竖向重构且无溢出，故非阻断。","repairInstruction":"在 max-width:760px 下给 .inkline svg 增加一套竖向版本：将卷纸沿（ruled rect）旋转/重排为垂直轴，笔尖改为自上而下落笔，页码文本沿右缘竖排（writing-mode:vertical-rl 或 rotate(90deg)），交付角标置于卷底；或在移动端用 CSS 变换把 SVG 逆时针旋转 90° 呈现自上而下的书写轴，并相应调整高度与容器，确保 390px 仍无横向溢出。"}]},"repairEvidence":[],"provenance":{"executor":"opencode","model":"deepseek/deepseek-v4-flash","opencodeVersion":"1.1.58","promptVersion":"dodot-showcase-deepseek-v4","inputHash":"96dd558051f1ef661a8e692250e9cca40e2752a3870e172d50f8092174196447","artifactHash":"844cb4ee7612158eb20f06ffe7a2b31eb0517c2a6f0308987b94ede395f8da83","designSkill":"dodot-showcase-design"},"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":6,"sectionCount":7,"textLength":1936,"cjkCount":796,"latinLetterCount":646,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4287,"h1Top":198.484375,"bottomInset":404.0625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"7290034d5108e14eeecd8296807c8696fec3451afd40c8e76eed0d07bde870ec","middle":"2dc8f53e0777d034acd26f503c26e1c395026de0738f6adba631d35b71bb954f","bottom":"2f3005e9a6e6c58bd65e7a7182bdb0040f5296bdd1791b8b7c602e84059decc1"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":6,"sectionCount":7,"textLength":1936,"cjkCount":796,"latinLetterCount":646,"scrollWidth":390,"clientWidth":390,"scrollHeight":6239,"h1Top":324.46875,"bottomInset":391.65625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"2467c373480f981775b83fe3173829ec61b5cbba145b1c8548b98493e82c7165","middle":"49a57e43ddc2b9a8b3ef588e0e8932a94a3f1cfe59754715b4271f47dfbaf155","bottom":"3c12dc5c98e48772323030b7b3bfb49cb63a13ff50b363533f4f263cfa0a8092"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":6,"sectionCount":7,"textLength":3860,"cjkCount":0,"latinLetterCount":2975,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4816,"h1Top":198.484375,"bottomInset":404.515625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"33150faf94d06cc3e4e731de57bbee7fd5e58befd56c1742b920cb96ae1bad56","middle":"51468b709bc534d108c46cd42bf19b26edfd9aada941672e3a90cb99033da3fa","bottom":"62235336412dcb4bc0172cb5e21e9f12422b025bc75010de444844fa65add2be"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":6,"sectionCount":7,"textLength":3860,"cjkCount":0,"latinLetterCount":2975,"scrollWidth":390,"clientWidth":390,"scrollHeight":7041,"h1Top":324.46875,"bottomInset":419.03125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"ef06567a5c2565eae0aa6a3acca0b7fba83bbdb45a6334ecc13f6b0b97ba9723","middle":"f9d021d786d3f9fbf69c49fb6b40660ce4eac081d45d357d6cedd00ff819470c","bottom":"fdd45ec018923e6920e4498beea4640b359a7f94de194a3588f40d2549b6ea20"},"consoleErrors":[],"networkRequests":[]}]}},"generatorVersion":"opencode-1.1.58:deepseek/deepseek-v4-flash:dodot-showcase-deepseek-v4","publishedAt":"2026-08-20T16:04:26.868Z"},"rawExtraction":{"projectRevisionId":"cmt2zh1u801756271n09q4a2u","projectVersion":1,"sources":[{"canonicalKey":"github:nexu-io/html-anything","role":"primary","revisionVersion":1,"url":"https://github.com/nexu-io/html-anything"}],"facts":[{"key":"repository_owner","value":"nexu-io","evidence":[{"path":"repository.owner","excerpt":"nexu-io"}]},{"key":"repository_name","value":"html-anything","evidence":[{"path":"repository.name","excerpt":"html-anything"}]},{"key":"description","value":"✨ 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.","evidence":[{"path":"repository.description","excerpt":"✨ 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."}]},{"key":"primary_language","value":"HTML","evidence":[{"path":"repository.language","excerpt":"HTML"}]},{"key":"license","value":"Apache-2.0","evidence":[{"path":"repository.license","excerpt":"Apache-2.0"}]},{"key":"topics","value":"agent-skills, agentic, ai-agents, ai-design, ai-editor, byok, claude, claude-code, claude-skills, coding-agents, generative-ai, html, html-editor, hyperframes, local-first, markdown, nextjs, vibe-coding, wechat, xiaohongshu","evidence":[{"path":"repository.topics","excerpt":"agent-skills, agentic, ai-agents, ai-design, ai-editor, byok, claude, claude-code, claude-skills, coding-agents, generative-ai, html, html-editor, hyperframes, local-first, markdown, nextjs, vibe-coding, wechat, xiaohongshu"}]},{"key":"source_count","value":"1","evidence":[{"path":"projectRevision.sources","excerpt":"github:nexu-io/html-anything"}]}],"taxonomy":{"category":"development_tools","subcategory":"data_ai_tools","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"✨ 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."}]},"lifecycle":{"stage":"prototype","confidence":0.65,"evidence":[{"path":"readmeExcerpt","excerpt":"# HTML Anything

_{From the team behind Open Design — 40k★ · 200+ contributors, production-grade and iterating faster. html-anything is the focused agent-era HTML editor; if it clicks for you, Open Design is where the same team ships at scale.}

Live page: open-design.ai/html"}]},"userIntents":[{"slug":"build_software","label":"构建或改进软件","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"✨ 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."}]},{"slug":"automate_work","label":"自动化工作流程","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"✨ 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."}]},{"slug":"create_content","label":"创作内容或设计","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"✨ 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."}]},{"slug":"analyze_data","label":"分析与理解数据","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"✨ 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."}]},{"slug":"learn_explore","label":"学习与探索","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"✨ 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."}]}],"readme":{"headings":["HTML Anything","Showcase","Why this exists","At a glance","Demo","Quickstart","→ http://localhost:3000","Workspace","Supported coding agents","Skills","Web prototypes & marketing pages (prototype mode)","Decks (deck mode, 20 skills)","Hyperframes video frames & VFX & device mockups (frame / vfx / mockup, 12 skills)","Social share cards (social mode)","Office & operations (office / doc mode)","Six load-bearing ideas","1 · We don't ship an agent. Yours is good enough.","2 · Skills are folders, not plugins.","3 · Hard constraints stop the model from freestyling.","4 · Streaming render = watch the AI draw."],"commands":["pnpm install","pnpm -F @html-anything/next dev","pnpm exec tsx scripts/guard.ts","pnpm -F @html-anything/next dev","pnpm -F @html-anything/next typecheck","pnpm -F @html-anything/next test","pnpm -F @html-anything/next build","pnpm -F @html-anything/e2e typecheck","pnpm -F @html-anything/e2e test"]},"changeSet":[{"field":"authorName","beforeHash":"74234e98afe7498fb5daf1f36ac2d78acc339464f950703b8c019892f982b90b","afterHash":"1b81559e3e3a3266c32a534120a65bb16b2c7b6c58c67f8145d7d45a9a9da102"},{"field":"description","beforeHash":"74234e98afe7498fb5daf1f36ac2d78acc339464f950703b8c019892f982b90b","afterHash":"35b0a553cc50b51d27c1d3cbbfd111c2f0885f8e34be6f11109abbaddcaa2841"},{"field":"experienceUrl","beforeHash":"74234e98afe7498fb5daf1f36ac2d78acc339464f950703b8c019892f982b90b","afterHash":"81f7ede267556d1ef111e0538566e9313ceaa099912bf460a38cb10e161c37d0"},{"field":"name","beforeHash":"74234e98afe7498fb5daf1f36ac2d78acc339464f950703b8c019892f982b90b","afterHash":"431405925bf61f6ca8484f6ded63cab98049d60bb3e678628653180b44aa4bb5"},{"field":"repository","beforeHash":"74234e98afe7498fb5daf1f36ac2d78acc339464f950703b8c019892f982b90b","afterHash":"919fe20123d17ded73738b7bfe7d80e54bb561974c16ad516a5b220f20cd2283"},{"field":"sourceCount","beforeHash":"74234e98afe7498fb5daf1f36ac2d78acc339464f950703b8c019892f982b90b","afterHash":"6b86b273ff34fce19d6b804eff5a3f5747ada4eaa22f1d49c01e52ddb7875b4b"}]},"publishedAt":"2026-08-10T15:20:18.358Z","updatedAt":"2026-08-21T13:26:52.339Z","summary":{"id":"cmt2zh1ub017762714mqnwkgh","projectType":"product","oneLine":"本地优先的智能 HTML 编辑器，零 API 密钥","overview":"HTML Anything 是一款本地优先的智能 HTML 编辑器，自动检测你已登录的 9 种编码代理 CLI（如 Claude Code、Cursor、Codex），无需额外 API 密钥。它提供 75 个技能模板，覆盖杂志、演示文稿、海报、小红书卡片、网页原型等 9 种交付物表面，生成即发布级的单文件 HTML，并支持一键导出到微信、X、知乎或下载 PNG。","highlights":["零 API 密钥","75 个技能模板","9 种交付表面","一键导出多平台"],"bestFor":["想用 AI 快速生成精美 HTML 内容的创作者","需要将 Markdown 转为可发布网页的写作者","希望本地运行、保护隐私的开发者"],"caveats":["需要已安装并登录支持的编码代理 CLI","生成质量依赖所选 AI 代理的能力","部分高级功能可能依赖 Open Design 生态"],"categorySuggestion":"design_creation","subcategorySuggestion":"website_builders","lifecycleStages":["idea_requirements","product_design","frontend"],"audienceIntents":["create","build","evaluate"],"confidence":0.85,"evidence":[{"claim":"HTML Anything 是一个本地优先的智能 HTML 编辑器，无需 API 密钥，自动检测 9 种编码代理 CLI（如 Claude Code、Cursor、Codex）。","sourceType":"readme","locator":"https://github.com/nexu-io/html-anything"},{"claim":"提供 75 个可组合的技能模板，覆盖 9 种交付物表面：杂志、演示文稿、海报、小红书卡片、推文卡片、网页原型、数据报告和 Hyperframes 视频。","sourceType":"readme","locator":"https://github.com/nexu-io/html-anything"},{"claim":"支持一键导出到微信、X、知乎，或下载 .html / .png 文件。","sourceType":"readme","locator":"https://github.com/nexu-io/html-anything"},{"claim":"内置沙盒预览，生成结果即为可发布的单文件 HTML。","sourceType":"readme","locator":"https://github.com/nexu-io/html-anything"}],"publishedAt":"2026-08-17T14:07:32.902Z"},"github":{"url":"https://github.com/nexu-io/html-anything","ownerAvatarUrl":"https://avatars.githubusercontent.com/u/263625318?v=4","starsCount":8321,"forksCount":812,"language":"HTML","syncedAt":"2026-08-17T14:04:03.120Z","license":"Apache-2.0","defaultBranch":"main","archived":false,"disabled":false,"lastChangedAt":"2026-08-11T08:56:59.000Z","missing":false},"tags":[{"name":"Vibe coding","slug":"vibe-coding","verification":"verified","evidenceUrl":"https://github.com/nexu-io/html-anything","evidenceExcerpt":"GitHub topic: vibe-coding"}],"updates":[]},"entryPoint":"ranking","claim":{"state":"unclaimed","verified":false},"initialView":"beautified","community":{"viewer":null,"state":{"likesCount":0,"creativeCount":0,"followersCount":0,"commentsCount":0,"liked":false,"creative":false,"followed":false},"comments":{"comments":[],"nextCursor":null}}}]}],"$L24"]

让本地 AI 代理写 HTML，你只管付印

9种交付面，从同一卷原稿开版

75个技能模板，像文件夹一样可组合

谁在落笔：识别你已登录的代理

沙盒预览：校样即成品

一次付印，多处派送

守则与边界

Your local AI agentwrites the HTML, you ship

9 deliverable surfaces from a single master

75 composable skill templates, filed like folders

Who holds the pen: your already-logged-in agents

Sandbox preview: the proof is the product

One press run, delivered anywhere

Guards and the edge of the roll

让本地 AI 代理写 HTML，
你只管付印

Your local AI agent
writes the HTML, you ship