Tools for building multi-component claude.ai HTML artifacts with React, Tailwind CSS and shadcn/ui when state management or routing is needed.
Install
npx skills add anthropics/skills --skill web-artifacts-buildernpx skills add anthropics/skills --skill web-artifacts-builder -a claude-code -gnpx skills add anthropics/skills --skill web-artifacts-builder -a codex -ggemini skills install https://github.com/anthropics/skills.git --path skills/web-artifacts-buildergh skill install anthropics/skills web-artifacts-buildergit clone --depth 1 https://github.com/anthropics/skills /tmp/anthropics__skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/anthropics__skills/skills/web-artifacts-builder ~/.claude/skills/web-artifacts-builder # Claude Code
cp -R /tmp/anthropics__skills/skills/web-artifacts-builder ~/.agents/skills/web-artifacts-builder # Codex, Cursor, Gemini CLI, Copilot, OpenCodeTry this task
Turn this brief into a locally runnable interactive demo with working navigation and state feedback. Explain how to start and inspect it.
- What to provide
- Scope, content, interactions and runtime constraints.
- What to review
- Run the demo and check controls, state restoration and screen sizes.