SuperAPI AI 工具集

artifacts-builder

前端与建站

查看项目

更新于 10-16 08:05

技能介绍

用途:生成自包含、可直接在浏览器运行、无需构建步骤的 HTML/CSS/JS 制品,适用于交互演示、原型、单文件应用、数据可视化或实用工具。

主要能力:分三阶段推进——范围定义(明确用途、交互级别、依赖、响应式要求与约束)、架构(选择单文件或多文件、CDN 依赖、组件结构、状态管理、渐进增强层)、实现(语义化 HTML、CSS 变量与暗色模式、JS 逻辑、错误处理与降级)。提供制品类型、架构、依赖决策表,推荐 Alpine.js、Petite-Vue、Chart.js、D3.js、Mermaid 等 CDN 依赖及使用规则(主版本锁定、最多 3 个 CDN 依赖、integrity/crossorigin、优雅降级、优先轻量替代)。

使用方式:按阶段流程执行,每个阶段结束前与用户确认再进入下一阶段;HTML 模板含 reset、设计令牌、prefers-color-scheme 暗色模式、IIFE 包裹脚本。

适用场景:静态演示、仪表盘、可点击 UI 原型、工具类页面、图表浏览、生成艺术、演示文稿/图表查看器。

限制:仅基于公开资料整理;收费、价格、平台与具体效果暂未提供。