web-artifacts-builder

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.

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 promptadvisers/claude-code-polished-documents-skills/web-artifacts-builder

OpenCode (CLI) Fast

skilz install promptadvisers/claude-code-polished-documents-skills/web-artifacts-builder --agent opencode

OpenAI Codex (CLI) Native

skilz install promptadvisers/claude-code-polished-documents-skills/web-artifacts-builder --agent codex

Gemini CLI (Project) Project

skilz install promptadvisers/claude-code-polished-documents-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

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/promptadvisers/claude-code-polished-documents-skills

2. Copy the agent skill directory:

cp -r claude-code-polished-documents-skills/.claude/skills/web-artifacts-builder ~/.claude/skills/

Owner: promptadvisers (GitHub)
Repository: claude-code-polished-documents-skills
Type: Non-Technical
Meta-Domain: general
Primary Domain: general
Sub-Domain: javascript artifacts html
Market Score: 18

Agentic Skill Grades →

Browse Category

More general Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?