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.
6.9
Rating
0
Installs
Frontend Development
Category
Strong skill for building complex React artifacts with shadcn/ui. The description clearly scopes when to use this skill (complex vs simple artifacts), and the workflow is well-structured with clear steps from initialization through bundling. Task knowledge is comprehensive with specific scripts, stack details, and practical guidance including anti-patterns to avoid ('AI slop'). Structure is clean with a logical progression and helpful optional testing notes. High novelty: bundling multi-component React apps with shadcn/ui into single-file artifacts for Claude.ai conversations would require significant tokens and complexity for a CLI agent to replicate. Minor improvement areas: could be more explicit about when each script should be invoked vs manual editing, and what inputs the scripts expect.
Loading SKILL.md…

Skill Author