home/categories/frontend/ecnu-icalk-autoskill-skillbank-common-awesomeclaudeskills-artifacts-builder-skill-md
frontenddevelopment
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.
maintainer
ECNU-ICALK
Updated 2/24/2026
Stars
304
Forks
34
quick start
Installation and usage
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.
Installation
$ install --globalskills.sh
Usage
Once installed, you can use this skill by running the following command in your terminal:
skills use artifacts-builder