Web Artifacts Builder

nexu-io/web-artifacts-builder

| Build complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.

337 tokens

context cost

the whole folder, loaded on every use

files

instructions only

copies elsewhere

how many repositories repackaged it

83386

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/nexu-io/open-design --skill web-artifacts-builder

4 sections, as written by the author

> Curated from Anthropic's official skills repository.

Build complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.

Upstream: https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder
Category: web-artifacts

This catalogue entry advertises the skill in Open Design so the agent

discovers it during planning. To run the full upstream workflow with

its original assets, scripts, and references, install the upstream

bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder

Then ask the agent to invoke this skill by name (web-artifacts-builder) or with

one of the trigger phrases listed in this skill's frontmatter.

Copy the folder

Take nexu-io/web-artifacts-builder from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.