artifacts-builder

Name: artifacts-builder
Author: davepoon

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.

artifacts builder ai html react tailwind css

Content Preview

---
name: artifacts-builder
category: document-processing
description: 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.
license: Complete terms in LICENSE.txt
---

# Artifacts Builder

To build powerful frontend claude.ai artifacts, follow these steps:
1. Init

How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/artifacts-builder.md \
  https://raw.githubusercontent.com/davepoon/buildwithclaude/main/plugins/all-skills/skills/artifacts-builder/SKILL.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/davepoon/buildwithclaude

Then reference at plugins/all-skills/skills/artifacts-builder/SKILL.md