用途:当需要构建单文件浏览器应用、客户端工具或无需后端的交互式工具时使用,适合快速原型、离线可用或便于分享的小工具,以及客户端数据处理与可视化。不适合需要认证或服务器持久存储、跨多组件复杂状态管理,或 React/Vue 生态收益更大的项目。
主要能力与原则:单文件内联 CSS 与 JavaScript,一个 HTML 文件即完整工具;不使用 React,仅用原生 JS 或轻量库;无构建步骤,依赖从 CDN 加载而非 npm;代码量目标为数百行。
使用方式:可用 Claude Artifacts、ChatGPT Canvas 等快速原型,明确提示“Build this as a single HTML file. No React. No build steps.”;复杂工具可用 Claude Code 等编码代理;可托管到 GitHub Pages。迭代时可复用现有工具,并在提交信息中记录 LLM 对话。
状态与数据模式:用 URL hash 或查询参数保存可分享状态;用 localStorage 存 API 密钥与偏好,密钥不放入 URL。剪贴板作为通用数据通道,提供复制按钮;支持纯浏览器端文件读取与下载。可直接调用支持 CORS 的 API(如 GitHub、PyPI、iNaturalist、Bluesky、Mastodon、OpenAI/Anthropic),LLM 调用使用用户自己的密钥;也可用 GitHub Gist 作为持久存储。
高级能力:通过 Pyodide 在浏览器运行 Python、pandas、matplotlib;通过 WebAssembly 库实现 OCR(Tesseract.js)、音视频处理(FFmpeg.wasm)、浏览器内 SQLite(sql.js)。
限制:不适用于需认证或服务器持久存储的应用;复杂状态管理场景应另选方案;具体收费、价格与平台支持情况暂未提供。