SKILL·D16B3F

artifacts-builder

davepoon
Updated 2 months ago
37 views
2,553
277
2,553
View on GitHub
Otherreactaidesign

About

The artifacts-builder skill provides a development suite for creating complex, multi-component HTML artifacts using React, TypeScript, Tailwind CSS, and shadcn/ui. It's designed for artifacts requiring state management, routing, or component libraries rather than simple single-file outputs. The tool includes scripts to initialize projects and bundle everything into a single HTML file for deployment.

Quick Install

Claude Code

Recommended
Primary
npx skills add davepoon/buildwithclaude -a claude-code
Plugin CommandAlternative
/plugin add https://github.com/davepoon/buildwithclaude
Git CloneAlternative
git clone https://github.com/davepoon/buildwithclaude.git ~/.claude/skills/artifacts-builder

Copy and paste this command in Claude Code to install this skill

GitHub Repository

davepoon/buildwithclaude
Path: plugins/all-skills/skills/artifacts-builder
0
claudeclaude-codeclaude-code-commandsclaude-skillscli-toolcommands
FAQ

Frequently asked questions

What is the artifacts-builder skill?

artifacts-builder is a Claude Skill by davepoon. Skills package instructions and resources that Claude loads on demand, so Claude can perform artifacts-builder-related tasks without extra prompting.

How do I install artifacts-builder?

Use the install commands on this page: add artifacts-builder to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does artifacts-builder belong to?

artifacts-builder is in the document-processing category, tagged react, ai and design.

Is artifacts-builder free to use?

Yes. artifacts-builder is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Related Skills