Artifact Builder
Builds multi-component React and Tailwind HTML artifacts.
What it does
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 components - not for simple single-file HTML/JSX artifacts.
Install in under a minute
Mac or Linux, after you download
unzip artifact-builder.zip -d ~/.claude/skills/Windows PowerShell
Expand-Archive artifact-builder.zip -DestinationPath $HOME\.claude\skills- Start a new Claude Code session so it sees the skill.
- Ask in plain words, for example: "Use Artifact Builder on this project."
- Unzip the download, then zip just the artifact-builder folder if your computer added an extra folder.
- In Claude.ai, open Settings, then Capabilities, and upload it under Skills.
- Turn the skill on and ask Claude to use it.
Artifact Builder uses the open SKILL.md format, so it also works in agents like Cursor, Gemini CLI, GitHub Copilot and Codex. Copy the artifact-builder folder into that agent's skills folder, for example .cursor/skills/ or .github/skills/ in your project.
What's inside
The 3 main sections of the SKILL.md, in order.
- Design & Style Guidelines
- Quick Start
- Reference
In the download: LICENSE.txt, NOTICE.md, scripts/bundle-artifact.sh, scripts/init-artifact.sh, scripts/shadcn-components.tar.gz, SKILL.md
Credit and license
Artifact Builder is a renamed, packaged copy of web-artifacts-builder by Anthropic (github.com/anthropics/skills), used under the Apache-2.0 license. The license and a list of changes ship inside the download.
Questions
Does Artifact Builder work in Claude.ai, not just Claude Code?
Yes. In Claude.ai, upload the artifact-builder folder as a zip in Settings under Capabilities. It also works in other agents that support Agent Skills, like Cursor, Gemini CLI and GitHub Copilot.
What do I get?
A zip with the artifact-builder folder: its SKILL.md (2,223 words) and its license files. One payment, instant download.
Who made Artifact Builder?
It's a renamed, packaged copy of web-artifacts-builder by Anthropic, used under the Apache-2.0 license. The license and a list of changes ship inside the download.