web-artifacts-builder

Name: web-artifacts-builder
Author: anthropics

0.0

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.

Marketplace

#HTML#JSX artifacts#agent-skills#web technologies#Tailwind CSS#React#CSS#single HTML

Also in: terraform

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →

Claude Code (CLI) Fast

skilz install anthropics/skills/web-artifacts-builder

OpenCode (CLI) Fast

skilz install anthropics/skills/web-artifacts-builder --agent opencode

OpenAI Codex (CLI) Native

skilz install anthropics/skills/web-artifacts-builder --agent codex

Gemini CLI (Project) Project

skilz install anthropics/skills/web-artifacts-builder --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding agents

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents

For Claude Desktop Easy

Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

Manual Installation

1. Clone the repository:

git clone https://github.com/anthropics/skills

2. Copy the agent skill directory:

cp -r skills/skills/web-artifacts-builder ~/.claude/skills/

View on GitHub

Need detailed installation help? Check our platform-specific guides:

Claude Desktop Guide Claude Code Guide Troubleshooting

Related Agentic Skills

tailwind-shadcn-setup

by vanman2024

Setup Tailwind CSS and shadcn/ui component library for Next.js projects. Use when configuring Tailwind CSS, installing shadcn/ui, setting up design to...

TECHjavascript

Marketplace

+github+json

spanish-language-tutor

by sandraschi

Comprehensive Spanish language expert covering grammar, conversation, regional dialects, and language learning strategies

javascript

+github

frontend-dev-guidelines

by diet103

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organizati...

TECHjavascript

torch-geometric

by davila7

Graph Neural Networks (PyG). Node/graph classification, link prediction, GCN, GAT, GraphSAGE, heterogeneous graphs, molecular property prediction, for...

TECHjavascript

Marketplace

+machine learning

Agentic Skill Details

Owner: anthropics (GitHub)
Repository: skills
Type: Technical
Meta-Domain: development
Primary Domain: javascript
Market Score: 0.0

Agentic Skill Grades →

AI-Detected Topics

Extracted using NLP analysis

HTML JSX artifacts agent-skills web technologies Tailwind CSS React CSS single HTML HTML file artifact single-file HTML

Browse Category

More development Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?