OfficialAutomation软件开发
Web 制品构建技能
构建复杂的 Web Artifacts：单文件 HTML 应用，含外部脚本、状态管理与多视图路由，超越简单代码片段的完整交互应用。
支持：Claude.aiClaude CodeClaude APICursor
86
/100 百器建议
值得安装
把 Claude 的 Artifacts 能力工程化的官方实现，交互原型与小工具开发利器。
它能做什么
构建单文件 HTML 交互应用
外部库引入与状态管理
多视图与路由组织
什么时候值得安装
适合
- 官方 Artifacts 工程范式
- 产出可直接运行的完整应用
不适合
- 需要后端的多页应用开发
环境与依赖核验
我们实际执行了安装与依赖检查，并把结果如实列出。这不等于能力实测—— 它只说明「环境层面能不能跑起来」，不说明「这个技能做得好不好」。
该技能尚未做环境与依赖核验。
已完成公开资料与来源核验（2026-09-16）。核验会在真实终端里逐条核对 SKILL.md 声明的依赖与自带脚本，结果无论好坏都会如实列出。
已完成公开资料与来源核验（2026-09-16）。核验会在真实终端里逐条核对 SKILL.md 声明的依赖与自带脚本，结果无论好坏都会如实列出。
百器实测的标准是什么？
- 「实测」的硬门槛：在真实 Agent 会话里，让 Agent 按 SKILL.md 自主完成一个真实任务，并做 A/B 对照（加载技能 vs 不加载）， 记录产出差异与失败。只有这样才标
已实测。 - 不算实测的：由我们编写脚本调用技能依赖的库 （如 docx-js、openpyxl）生成产物后自检——那只证明「写脚本的人会写代码」， 不证明「这个技能好」，因此不作为实测依据。
- 核验记录成功也记录失败，不挑好看的结果展示。
- 未达到上述门槛的技能，一律显示「未实测」，绝不用评分冒充实测。
安全状态
PASS
静态审核 · 风险等级 A Low
能力实测状态
未实测
需 Agent 会话内真实任务 + A/B 对照，尚未开展
获取这个 Skill
百器负责判断与测评，安装与版本由外部来源提供。
官方仓库https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder源码与版本官方仓库https://github.com/L-yifan/skills源码与版本
安装方式简单
npx skills add https://github.com/anthropics/skills --skill web-artifacts-builder通过 npx skills add 安装到 Claude Code 等 Agent。
核验与来源
- 核验状态
- 已核验
- 安全审核
- PASS
- 实测状态
- 未实测
- 最近核验
- 2026-09-16
核验记录（1）
- 2026-09-16 · 核验通过（官方仓库目录+功能名核验）
产品变更（0）
未检测到事实变更。核验通过不等于产品未更新——此处只记录已确认的变化。
上游使用情况：未测试。这是来源方声明的使用状态，不是百器的能力实测结果—— 详见上方「环境与依赖核验」，以及其中对实测标准的说明。