AIPM
Theme

AIPM package

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 for complex artifacts requiring state management, routing, or shadcn/ui componen...

Install Skill

aipm add @anthropics/web-artifacts-builder@1.0.0

How to use

Install the skill above, then run this in your AI tool:

/web-artifacts-builder <your description>

About

To build powerful frontend claude.ai artifacts, follow these steps: 1. Initialize the frontend repo using `scripts/init-artifact.sh` 2. Develop your artifact by editing the generated code 3. Bundle all code into a single HTML file using `scripts/bundle-artifact.sh` 4. Display artifact to user 5. (Optional) Test the artifact

Source

Package content

Browse manifest, skill files, and license bundled in this package.

Share this package

Add an Install with AIPM badge

Add this badge to a GitHub README so readers can open the package page and install the same version.

Install with AIPM
[![Install with AIPM](https://www.aipm-registry.com/install-with-aipm.svg)](https://www.aipm-registry.com/packages/anthropics/web-artifacts-builder/1.0.0)

Publisher

Anthropic

Reserved under @anthropics by Anthropic. This package name belongs to an AIPM publisher account.

AI assistant context

What this skill is for

@anthropics/web-artifacts-builder@1.0.0 is an AIPM skill package for All tools. Use it when a project needs the reusable AI behavior described as: Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui componen...

Install
aipm add @anthropics/web-artifacts-builder@1.0.0
Use after install
/web-artifacts-builder <your description>

Tool targets

Install command by target

cursor

Run this variant when you want to install the package into cursor.

aipm add @anthropics/web-artifacts-builder@1.0.0 --target cursor --ci

claude

Run this variant when you want to install the package into claude.

aipm add @anthropics/web-artifacts-builder@1.0.0 --target claude --ci

Package FAQ

Install and compatibility

How to install
Run aipm add @anthropics/web-artifacts-builder@1.0.0 in a project that has AIPM initialized.
Supported tools
@anthropics/web-artifacts-builder@1.0.0 supports All tools.

Before installing

AIPM skills can add files to your project. Review the package name, target, description, license, and publisher before installing. Use a clean branch when trying a new skill.

@anthropics/web-artifacts-builder@1.0.0 | AIPM