SuperAPI AI 工具集

to-html

前端与建站

查看项目

更新于 10-15 23:57

技能介绍

用途:把原本会作为聊天回复写出的内容,输出为一个自包含、外观整洁的 HTML 文件。内容可以是概念解释、Bug 与修复计划、发现与选项决策文档、待复制草稿等;该技能只负责输出格式与交付方式,不限定内容领域,外观固定、内容取决于用户所问。

主要能力:生成单个 .html 文件,仅允许 Tailwind CDN 与 Mermaid ESM 导入作为外部资源,无需构建步骤和应用代码。排版偏编辑风格而非企业仪表盘:留白充足、行文精简、一种强调色,问题用红色、警告用琥珀色。图表承担主要信息量,Mermaid 与手写盒子/SVG 混用;若某图需要一段文字才能理解,则应重绘。

使用方式:先确定内容,理解用户指向的图、diff、Bug 或想法,再开始写 HTML。按 FORMAT.md 构建文件,具体细节以该文件为准。写入位置:在 git 仓库内写到仓库根目录的 tmp/<描述性名称>.html(tmp/ 不存在则创建);不在仓库内则用操作系统临时目录。文件名按内容命名(如 cross-matrix-explainer.html、ticket-4309-findings.html),不要以技能名命名。打印绝对路径,可主动提议用 xdg-open(Linux)打开,但不要未经提示直接打开。

适用场景:需要把解释或文档以美观、可分享的单文件形式交付,用于打开查看、截图给同事、粘贴到某处或当文档阅读,而非在终端滚动查看。

限制:自检并交付后即停止,技能本身不会自行迭代到完美;如需进一步打磨属于另一次单独处理(例如 /impeccable)。交付前需确认文件自包含(除 Tailwind CDN 与 Mermaid 导入外无外部脚本或资源)、每个章节都带视觉元素(图、对比或前后对照)、没有单独成段而无配图或列表的文字、并链接其来源及存在的同级或索引文档;不满足则修复。官方文本未提供,收费、价格、平台等信息暂未提供。