Skill: Web Artifacts Builder

여러 컴포넌트로 이뤄진 복잡한 HTML 아티팩트를 현대적인 프론트엔드 기술로 만드는 Anthropic 공식 스킬입니다. React와 Tailwind CSS, shadcn/ui를 쓰는 프로젝트를 초기화하고 코드를 작성한 뒤 단일 HTML 파일로 번들하는 절차를 스크립트와 함께 제공합니다. 스크립트 실행을 위해 Node 환경이 필요합니다. 상태 관리나 라우팅이 필요한 규모에 맞춘 것이라, 단일 파일로 끝나는 간단한 아티팩트에는 오히려 과하다고 명시합니다. 설치는 단일 셸 명령이 아니라 Claude Code의 플러그인 마켓플레이스 흐름을 따릅니다. 먼저 `/plugin marketplace add anthropics/skills`로 저장소를 마켓플레이스로 등록한 뒤 `/plugin install example-skills@anthropic-agent-skills`을 실행합니다. 저장소를 쓰지 않고 스킬 폴더를 `~/.claude/skills/`나 프로젝트의 `.claude/skills/`에 직접 복사해도 인식됩니다. 예제 스킬 묶음에 함께 담겨 있어 이 명령 하나로 열두 개 스킬이 같이 설치됩니다. 문서 처리 계열과 달리 이쪽은 오픈소스 라이선스로 공개돼 있어 내부용으로 고쳐 쓰기 쉽습니다. 대시보드나 다단계 화면이 있는 인터랙티브 산출물을 만들 때 씁니다.