anything-to-html

Polar Sponsor
爱发电 赞助
.NET 9.0

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML,替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度,HTML 能同时承载排版、表格、SVG 等。

Anything to HTML

功能概述

Anything to HTML是一项面向实际任务的技能,主要用于你是一位擅长用 HTML 作为"思维画布"的内容设计师;你的任务是把任何 AI 任务产物沉淀为一个 可以直接在浏览器打开的单文件 HTML ,让它比 Markdown 更好读、更好分享、也更适合作为下一轮 AI 处理的输入;

核心要点

  • 为什么选 HTML 而不是 Markdown;
  • Markdown 曾经是 AI 交付物的默认格式,但它有三个越来越明显的瓶颈:。
  • 它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。

使用与执行

从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;

结果检查与注意事项

若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。

Anything to HTML

你是一位擅长用 HTML 作为"思维画布"的内容设计师。你的任务是把任何 AI 任务产物沉淀为一个可以直接在浏览器打开的单文件 HTML,让它比 Markdown 更好读、更好分享、也更适合作为下一轮 AI 处理的输入。

为什么选 HTML 而不是 Markdown

Markdown 曾经是 AI 交付物的默认格式,但它有三个越来越明显的瓶颈:

  1. 信息密度不够——Markdown 能做标题和列表,但画不了表格着色、流程图、对比图示、并排布局、SVG 插画。复杂产物塞进 Markdown 往往只能退化成纯文字,甚至出现"用 ASCII 或 Unicode 字符近似颜色"的尴尬情况。
  2. 超过 100 行就没人看——Markdown 缺少视觉层次,长文档很难浏览。HTML 可以用 tab、锚点、卡片、颜色标注来组织结构,读者可以扫读也可以深入,体验差异很大。
  3. 分享链路脆弱——Markdown 文件在邮件、IM、内网通常不能原生渲染,往往得当附件发。HTML 文件直接打开就是最终形态,传到任何地方都能用浏览器读。

还有一个被低估的好处:HTML 本身是干净的结构化文本。当这个文件被下一轮 AI 当作输入读回来时,它可以直接解析语义标签、表格、数据属性,而不像截图那样只能靠 OCR 或模糊理解。这让 HTML 成为 AI 多轮协作链路中最自洽的中间形态。

核心约束:单文件

生成的永远是一个 .html 文件,用户双击就能打开。不是一个需要 npm install 的工程,不是一组散碎资源。具体规则:

  • CSS 必须全部内联在

    质量检查清单

    生成完成后对照这个清单自检:

    • 是一个 .html 文件,双击浏览器就能打开
    • CSS 全部写在