Agent skill · software engineering · nexu-io
web-artifacts-builder
Build complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.
Why this skill is useful
Adds specific commands and workflows for building HTML artifacts with React and Tailwind that the AI wouldn't reliably generate on its own.
What it needs
Requires react, tailwind installed locally. About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
web-artifacts-builder Curated from Anthropic's official skills repository. What it does Build complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts. Source Upstream: https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder Category: web-artifacts How to use This catalogue entry advertises the skill in OpenDesign 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: 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.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/web-artifacts-builder