← Back to Skills Marketplace
pupuking723

Web Artifacts Builder Anthropic

by pupuking723 · GitHub ↗ · v1.0.0 · MIT-0
cross-platform ⚠ suspicious
290
Downloads
0
Stars
2
Active Installs
1
Versions
Install in OpenClaw
/install web-artifacts-builder-anthropic
Description
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use...
Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
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.
How to Use
  1. Make sure OpenClaw is installed (local or Docker)
  2. Run the install command in chat: /install web-artifacts-builder-anthropic
  3. After installation, invoke the skill by name or use /web-artifacts-builder-anthropic
  4. Provide required inputs per the skill's parameter spec and get structured output
Version History
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.
Metadata
Slug web-artifacts-builder-anthropic
Version 1.0.0
License MIT-0
All-time Installs 2
Active Installs 2
Total Versions 1
Frequently Asked Questions

What is 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... It is an AI Agent Skill for Claude Code / OpenClaw, with 290 downloads so far.

How do I install Web Artifacts Builder Anthropic?

Run "/install web-artifacts-builder-anthropic" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.

Is Web Artifacts Builder Anthropic free?

Yes, Web Artifacts Builder Anthropic is completely free, licensed under MIT-0. You can download, install and use it at no cost.

Which platforms does Web Artifacts Builder Anthropic support?

Web Artifacts Builder Anthropic is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).

Who created Web Artifacts Builder Anthropic?

It is built and maintained by pupuking723 (@pupuking723); the current version is v1.0.0.

💬 Comments