SuperAPI AI 工具集

html-artifact

前端与建站

查看项目

更新于 10-16 00:00

技能介绍

用途:html-artifact 用于把需求做成浏览器原生的单文件 HTML 产物,而不是 .docx、.pdf、.pptx 或 .xlsx 等静态容器。适合图表、仪表盘、可视化解释、交互工具、计算器、生成器、演示文稿、可替代静态文件的“活文档”,以及任何更适合浏览器体验的请求。

主要能力:产物为完整 HTML 文件,自带样式与脚本,可直接在浏览器打开,无需构建步骤,易于分享、复制、检查和版本管理。技能按“产物家族”组织,包括图表(Mermaid、Markmap、Graphviz)、演示(Reveal.js、slideshow、混合简报)、活文档(报告、运行手册、简历、合同、信件、计算器、变更日志)、数据可视化(D3、Chart.js、仪表盘、地图、网络视图)、工具与应用(Alpine、Preact、Fabric、自定义 HTML+JS)、探索(CSV、JSON、交互表格)、创意视觉(SVG、p5、Three.js)。

使用方式:先判断属于 starter 适配、从零构建还是模板填充;视觉或演示类先加载对应设计原则参考;使用专用渲染器时只加载该技术参考;然后适配最接近的 starter 或从零编写,生成完整 HTML 产物并立即在浏览器打开。若用户会迭代,保持文件稳定可编辑。输出文件默认放在当前工作目录,不写入主目录或全局临时位置(快速预览模式除外)。交付分快速模式(临时文件、立即打开、可丢弃)和丰富模式(当前目录稳定文件、重跑覆盖、打开一次后刷新)。

限制:资料未提供具体安装命令、收费、价格、平台支持范围或效果数据。设计原则要求简化、每屏一个主要观点、清晰层级、克制使用动效、文档优先可读、演示视图远距离可扫读。若请求高度艺术化、强品牌、结构异常或跨家族混合,应忽略 starter 直接构建。