用途:Web Artifacts Builder 用于创建自包含、可交互的 Web 应用,并输出为单个 HTML 文件。这类产物不需要服务器、不需要构建流程,可作为独立文件分享,并在任何现代浏览器中运行。
主要能力:支持把 CSS 与 JavaScript 全部内联到单个 HTML 文件中;可通过 CDN 引入库(如 Chart.js、Plotly 等);可将数据直接以 JSON 或 JS 对象形式嵌入;适合制作交互式演示或原型、独立计算器或工具、数据可视化仪表盘、交互式文档、可分享的概念验证,以及需要离线运行的网页体验。
使用方式:创建单个 HTML 文件,将全部 CSS/JS 内联;使用 CDN 加载所需库;把数据直接嵌入为 JSON 或 JS 对象;在浏览器中打开文件进行本地测试;最后以单个文件附件形式分享。资料中给出的基础模板包含 DOCTYPE、meta 标签、内联 style 与 script,以及一个按钮触发 calculate() 函数并写入结果的示例。
适用场景:交互式演示与原型、独立计算器或工具、数据可视化仪表盘、交互式文档、可分享的概念验证、离线可用的网页体验。
限制与说明:资料未提供收费、价格、平台支持范围、性能指标或具体效果数据,暂未提供。相关技能包括 frontend-design(高级 UI 设计)、algorithmic-art(生成式视觉)、theme-factory(颜色与排版)。版本历史:2.0.0(2026-01-02)升级到 v2 模板,新增 Quick Start、When to Use、Execution Checklist、Error Handling、Metrics 等章节;1.0.0(2024-10-15)首次发布,包含基础模板、仪表盘、计算器、数据可视化示例、CDN 库引用与最佳实践。资料还列出子技能:Performance(+2)、Execution Checklist、Error Handling、Metrics、Self-Contained Architecture(+1)、Basic Template、Interactive Dashboard(+1)、Common CDN Libraries、File Naming(+2)。