artifacts-builder

22

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.

CommandsMarketplace

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 kntism/skills/artifacts-builder
skilz install kntism/skills/artifacts-builder --agent opencode
skilz install kntism/skills/artifacts-builder --agent codex
skilz install kntism/skills/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/kntism/skills
2. Copy the agent skill directory:
cp -r skills/artifacts-builder ~/.claude/skills/

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

Related Agentic Skills

Agentic Skill Details

Repository
skills
Type
Non-Technical
Meta-Domain
general
Primary Domain
general
Sub-Domain
javascript artifacts html
Market Score
22

Report Security Issue

Found a security vulnerability in this agent skill?