Skip to content

Web Artifacts Builder

💻 Coding

Build complex claude.ai HTML artifacts with React and Tailwind. Official Anthropic agent skill.

Tags

Compatible Platforms

📦 Quick Install

Claude Code example
mkdir -p .claude/skills
git clone https://github.com/anthropics/skills \
  .claude/skills/web-artifacts-builder

Replace .claude/skills/ with your platform's skills directory. View all install options →

web-artifacts-builder/SKILL.md — frontmatter preview

---
name: Web Artifacts Builder
description: Build complex claude.ai HTML artifacts with React and Tailwind. Official Anthrop…
authors: [anthropics]
tags: [artifacts, react, tailwind, html, anthropic]
platforms: [claude-code]
---
🐙 View on GitHub ➕ Submit a Skill

Related Agent Skills

Frontend Design

Guides creation of distinctive, production-grade frontend interfaces that avoid generic 'AI slop' aesthetics. Official skill from Anthropic.

→

Algorithmic Art

Create generative art using p5.js with seeded randomness. Official Anthropic agent skill for creative coding.

→

React Native Optimization

Performance optimization for React Native apps. Agent-optimized skills from the Callstack engineering team.

→