Build complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.
Install
npx skills add nexu-io/open-design --skill web-artifacts-buildernpx skills add nexu-io/open-design --skill web-artifacts-builder -a claude-code -gnpx skills add nexu-io/open-design --skill web-artifacts-builder -a codex -ggemini skills install https://github.com/nexu-io/open-design.git --path skills/web-artifacts-buildergh skill install nexu-io/open-design web-artifacts-buildergit clone --depth 1 https://github.com/nexu-io/open-design /tmp/nexu-io__open-design
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/nexu-io__open-design/skills/web-artifacts-builder ~/.claude/skills/web-artifacts-builder # Claude Code
cp -R /tmp/nexu-io__open-design/skills/web-artifacts-builder ~/.agents/skills/web-artifacts-builder # Codex, Cursor, Gemini CLI, Copilot, OpenCode