Armory
Source
Browse
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). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Score
Unranked
Evidence
No signals yet
Last commit
Not known
Listed

Install

armory install artifacts-builder --cli claude

writes the skill into.claude/skills/artifacts-builder/SKILL.mdListed as compatible

Configuration
# fetches the source and writes it to:
.claude/skills/artifacts-builder/SKILL.md

Needs the armory CLI · not on npm yet, build it from cli/ in the repository

What it is

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.

When to use it

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.

How to install / invoke

# Copy the skill into your .claude/skills/ directory
curl -sL https://raw.githubusercontent.com/davila7/claude-code-templates/main/cli-tool/components/skills/development/artifacts-builder/SKILL.md -o .claude/skills/artifacts-builder/SKILL.md

Notes

Extracted from davila7/claude-code-templates, artifacts-builder category.