Skillzwave Logo
Skillzwave

web-artifacts-builder

49929 stars 4779 forks
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 →
skilz install anthropics/skills/web-artifacts-builder
skilz install anthropics/skills/web-artifacts-builder --agent opencode
skilz install anthropics/skills/web-artifacts-builder --agent codex
skilz install anthropics/skills/web-artifacts-builder --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

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

View All Agents
Download Agent Skill ZIP

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

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...

89
TECHjavascript
Marketplace

spanish-language-tutor

by sandraschi

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

88
javascript
Marketplace

frontend-dev-guidelines

by diet103

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

85
TECHjavascript
Marketplace

torch-geometric

by davila7

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

84
TECHjavascript
Marketplace

Agentic Skill Details

Owner
anthropics (GitHub)
Repository
skills
Stars
49929
Forks
4779
Type
Technical
Meta-Domain
development
Primary Domain
javascript
Market Score
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

Browse Category

More development Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?