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.
5.9
Rating
0
Installs
Frontend Development
Category
Excellent skill for building complex React-based Claude artifacts. The description clearly identifies when to use this skill (complex multi-component artifacts with state/routing/shadcn) vs. simple HTML. The workflow is well-structured with clear numbered steps from initialization through bundling. Strong task knowledge is evident through the comprehensive toolchain setup (React+TypeScript+Vite+Parcel+Tailwind+shadcn/ui) and practical guidance like avoiding 'AI slop' design patterns. The structure is clean and scannable with the referenced scripts handling implementation details. Novelty is high because bundling a modern React app with 40+ shadcn components into a single HTML artifact would require significant token expenditure and complex configuration knowledge for a CLI agent. Minor improvement areas: could specify more details about when testing is actually necessary, and provide examples of 'complex' vs 'simple' artifacts for clearer decision-making.
OneWave-AI
Skill Author
Loading SKILL.md…
Skill Author
