Artifacts Builder

Official

Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components. Create interactive web applications and components within Claude.

Author
Anthropic
Category
Development
Source
anthropics/skills
Added
2024-10-16

Tags

reacttailwindwebartifactsofficial
View on GitHubView SKILL.md

How to Use This Skill

  1. Click "View SKILL.md" to see the full skill definition
  2. Copy the contents of the SKILL.md file
  3. In Claude, go to Project Knowledge and paste the skill
  4. Start a new conversation and Claude will use the skill automatically

Related Skills

MCP Server Builder

Official

Guide for creating high-quality MCP servers to integrate external APIs and services

Developmentby Anthropic
mcpapiintegration

Web App Testing

Official

Test local web applications using Playwright for UI verification and debugging

Developmentby Anthropic
testingplaywrightqa

Frontend Design

Official

Create distinctive, production-grade frontend interfaces with high design quality

Developmentby Anthropic
frontenduidesign

Comments Coming Soon

Comments powered by GitHub Discussions will be enabled once the repository is set up.

To enable comments, configure Giscus with your GitHub repository.