Skillzwave The Package Manager for Enterprise AI Agents

⌘K

web-artifacts-builder

18.4

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 I-Onlabs/claude-code-skills/web-artifacts-builder

OpenCode (CLI) Fast

skilz install I-Onlabs/claude-code-skills/web-artifacts-builder --agent opencode

OpenAI Codex (CLI) Native

skilz install I-Onlabs/claude-code-skills/web-artifacts-builder --agent codex

Gemini CLI (Project) Project

skilz install I-Onlabs/claude-code-skills/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

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/I-Onlabs/claude-code-skills

2. Copy the agent skill directory:

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

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

Claude Desktop Guide Claude Code Guide Troubleshooting

Related Agentic Skills

artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui...

22

general› artifacts html

CommandsMarketplace

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

22

general› artifacts html

CommandsMarketplace

artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui...

22

general› artifacts html

CommandsMarketplace

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

22

general› artifacts html

CommandsMarketplace

Agentic Skill Details

Owner: I-Onlabs (GitHub)
Repository: claude-code-skills
Type: Non-Technical
Meta-Domain: general
Primary Domain: general
Sub-Domain: artifacts html
Market Score: 18.4

Agentic Skill Grades →

Browse Category

More general Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?