用途:在没有原生 Artifacts 面板的智能体中模拟 Claude Artifacts。产物通常是一个自包含的本地 HTML 文件,放在全局目录 ~/.agents/artifacts/<id>/,用户可跨仓库打开、查看和迭代。资料明确要求始终使用全局用户目录,不要放在仓库内的 .agents/artifacts 中。
主要能力:适合需要独立查看或复用的较大内容;支持计划、原型、可视化、仪表盘、图表、方案对比等。资料区分多种模式:thinking/showcase 文档用于规划、解释、评审、设计或决策;interactive 用于迷你应用、计算器、模拟、编辑器、仪表盘、可视化、游戏或带控件的原型;variations/options 用于方案或方向对比,要求 3-6 个选项单列纵向排列,每个方向占满内容宽度,采用低到中保真度线框,下方用一两行标注取舍。针对计划类产物,要求同时包含内容草稿与页面布局草图。
设计方面:资料给出大量设计规范,包括先写颜色、字体、布局 token 计划;避免模板化与典型 AI 生成风格;主题需匹配已有应用或同时在 token 层设计明暗两套主题;并建议在 HIGHLOGIC.md 记录设计判断。
使用方式:获取资料中的命令脚手架:python3 ~/.agents/skills/use-artifacts/scripts/create_artifact.py "<short title>" --style "<requested, project:app-name, or subject-specific>" --kind thinking;如需要下载或本地数据能力,随附的 assets/local-runtime.js 提供本地 shim,支持 window.claude.downloads.save 与 window.claude.mcp.callTool/watchTool/listTools/invalidate,禁止调用 Anthropic API 或远程端点。
限制:本地产物没有 claude.ai 平台运行时;下载能力有扩展名白名单、16 MiB 上限与确认步骤。具体收费、价格、平台支持范围等资料未提供。