anthropic-web-artifacts-builder

14

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
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 theflysurfer/claude-skills-marketplace/anthropic-web-artifacts-builder
skilz install theflysurfer/claude-skills-marketplace/anthropic-web-artifacts-builder --agent opencode
skilz install theflysurfer/claude-skills-marketplace/anthropic-web-artifacts-builder --agent codex
skilz install theflysurfer/claude-skills-marketplace/anthropic-web-artifacts-builder --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 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/theflysurfer/claude-skills-marketplace
2. Copy the agent skill directory:
cp -r claude-skills-marketplace/skills/anthropic-web-artifacts-builder ~/.claude/skills/

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

Related Agentic Skills

Agentic Skill Details

Type
Technical
Meta-Domain
development
Primary Domain
javascript
Market Score
14

Report Security Issue

Found a security vulnerability in this agent skill?