← 返回 Skills 市场
1958
总下载
0
收藏
93
当前安装
1
版本数
在 OpenClaw 中安装
/install web-artifacts-builder
功能描述
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use...
安全使用建议
This skill appears safe to install as a guide, but inspect any referenced scripts before running them and use a separate working folder. Expect it to create frontend project files and install build dependencies when used with the corresponding scripts.
能力评估
Purpose & Capability
The stated purpose is to create complex Claude HTML artifacts using React, TypeScript, Vite, Tailwind CSS, and shadcn/ui, and the artifact text stays focused on that workflow.
Instruction Scope
The instructions are user-directed: initialize a project, edit generated frontend code, bundle it into a single HTML file, share it, and optionally test it. There are no instructions for credential use, unrelated data access, account mutation, background activity, or evasion.
Install Mechanism
The submitted artifact contains only SKILL.md and no executable scripts. It references local shell scripts and dependency installation, so the risk depends on whatever scripts are actually present in the user's environment rather than on this uploaded artifact.
Credentials
Creating project files and installing frontend build dependencies is proportionate for a web artifact builder, but users should run it in a dedicated project directory because it can modify local files and package state.
Persistence & Privilege
No persistence mechanism, privilege escalation, credential/session access, autonomous worker, broad local indexing, or destructive behavior is shown in the artifact.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install web-artifacts-builder - 安装完成后，直接呼叫该 Skill 的名称或使用
/web-artifacts-builder触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v0.1.0
Web Artifacts Builder 0.1.0 initial release:
- Introduces a tool suite for building complex Claude AI HTML artifacts using React, Tailwind CSS, and shadcn/ui.
- Provides scripts for project initialization and single-file HTML bundling.
- Includes preconfigured setup with 40+ shadcn/ui components, Vite, Parcel, and path aliases.
- Details design guidelines and common tasks for artifact development and sharing.
- Specifies requirements and steps for initializing, developing, bundling, and distributing artifacts.
元数据
常见问题
Web Artifacts Builder 是什么？
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 1958 次。
如何安装 Web Artifacts Builder？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install web-artifacts-builder」即可一键安装，无需额外配置。
Web Artifacts Builder 是免费的吗？
是的，Web Artifacts Builder 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
Web Artifacts Builder 支持哪些平台？
Web Artifacts Builder 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Web Artifacts Builder？
由 tlreal（@tlreal）开发并维护，当前版本 v0.1.0。
推荐 Skills