← 返回 Skills 市场
pupuking723

Web Artifacts Builder Anthropic

作者 pupuking723 · GitHub ↗ · v1.0.0 · MIT-0
cross-platform ⚠ suspicious
290
总下载
0
收藏
2
当前安装
1
版本数
在 OpenClaw 中安装
/install web-artifacts-builder-anthropic
功能描述
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use...
安全使用建议
Things to check before installing/using this skill: - Confirm you have Node.js >=18 and pnpm available; the skill's metadata does not declare these but the scripts require them. If you're missing pnpm the init script will try to run npm -g install which modifies your system. - The init script expects a local file scripts/shadcn-components.tar.gz (the included manifest does not contain this tarball). Ask the publisher where that tarball comes from and inspect its contents before extraction. - The scripts will run network package installs (pnpm add / pnpm install) and write project files in the current directory. Run them in an isolated directory, container, or disposable VM if you are unsure. - Review the contents of the tarball and package.json (after scaffold) for any unexpected external endpoints or postinstall scripts before running builds. - If you want to proceed, prefer running the scripts manually (not granting autonomous execution) and step through each command so you can audit global installs and file changes.
功能分析
Type: OpenClaw Skill Name: web-artifacts-builder-anthropic Version: 1.0.0 The skill bundle is a legitimate toolset designed to help an AI agent build and bundle complex React-based web artifacts for Claude.ai. The scripts `init-artifact.sh` and `bundle-artifact.sh` automate standard development tasks, including project initialization via Vite, installation of common frontend dependencies (Tailwind CSS, shadcn/ui, Radix UI), and bundling using Parcel and html-inline. While the scripts perform high-privilege actions such as global package installation and file system modifications, these behaviors are strictly aligned with the stated purpose of setting up a web development environment. No evidence of data exfiltration, malicious persistence, or harmful prompt injection was found.
能力评估
Purpose & Capability
The skill claims to scaffold and bundle React + shadcn/ui artifacts, which matches the included init and bundle scripts. However the registry metadata declares no required binaries, while the scripts clearly require Node (>=18), pnpm (and npm to install pnpm if missing), tar, and standard build tools. The lack of declared required binaries is an incoherence that could surprise users.
Instruction Scope
SKILL.md instructs the agent to run scripts/init-artifact.sh and scripts/bundle-artifact.sh which: create a new project directory, modify configuration files (tsconfig, vite.config.ts, tailwind config), extract a local tarball of components, install many npm/pnpm packages, and build+inline assets. The init script expects a local file shadcn-components.tar.gz in the scripts directory — that tarball is not present in the manifest provided. The instructions do not attempt to read unrelated secrets, but they do perform broad filesystem changes and network installs.
Install Mechanism
There is no formal install spec (instruction-only), so the only install behavior is what the scripts execute at runtime. Those scripts run npm -g to install pnpm if missing and use pnpm to install many dev/runtime packages (parcel, shadcn dependencies). Network package installs and optional global npm installs are expected for a project generator but are intrusive; there are no downloads from unknown personal servers in the scripts themselves (the components are expected locally).
Credentials
The skill declares no required environment variables or credentials, which aligns with its stated offline scaffolding purpose. However, it implicitly requires system tools and permissions (node, npm, pnpm, tar, ability to install global npm packages). Those implicit requirements are not declared and may require elevated privileges or change system state.
Persistence & Privilege
The skill is not always-enabled and does not modify other skills or agent-wide settings. The main persistence/privilege concern is that the init script can install pnpm globally (npm -g) and will write files into the current working directory — these are local/system changes but do not change agent configuration.
如何使用
  1. 确保已安装 OpenClaw(本地或 Docker 部署)
  2. 在对话框中输入安装命令:/install web-artifacts-builder-anthropic
  3. 安装完成后,直接呼叫该 Skill 的名称或使用 /web-artifacts-builder-anthropic 触发
  4. 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v1.0.0
Initial release of web-artifacts-builder: - Provides a complete tool suite for building advanced claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui. - Includes initialization and bundling scripts to streamline artifact creation and packaging into a single HTML file. - Pre-configures modern frontend stack: React 18, TypeScript, Vite, Parcel, Tailwind CSS, shadcn/ui, and Radix UI. - Offers detailed step-by-step usage instructions and design guidelines. - Contains 40+ shadcn/ui components and path alias configuration out of the box. - Includes optional guidance for testing and sharing artifacts.
元数据
Slug web-artifacts-builder-anthropic
版本 1.0.0
许可证 MIT-0
累计安装 2
当前安装数 2
历史版本数 1
常见问题

Web Artifacts Builder Anthropic 是什么?

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 插件,目前累计下载 290 次。

如何安装 Web Artifacts Builder Anthropic?

在 OpenClaw 或 Claude Code 对话框中运行命令「/install web-artifacts-builder-anthropic」即可一键安装,无需额外配置。

Web Artifacts Builder Anthropic 是免费的吗?

是的,Web Artifacts Builder Anthropic 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。

Web Artifacts Builder Anthropic 支持哪些平台?

Web Artifacts Builder Anthropic 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。

谁开发了 Web Artifacts Builder Anthropic?

由 pupuking723(@pupuking723)开发并维护,当前版本 v1.0.0。

💬 留言讨论