Shadcn

shadcn 스킬을 사용해 프로젝트 컨텍스트를 점검하고, 적절한 CLI 명령을 실행하며, 컴포넌트를 설치하고, base vs radix, 폼, 테마, 레지스트리에 대한 문서화된 패턴으로 UI를 구성할 수 있습니다.

artifacts-builder는 복잡한 Claude HTML artifact를 React 18, TypeScript, Vite, Tailwind CSS, shadcn/ui 프로젝트로 만든 뒤 단일 bundle.html로 묶을 수 있게 도와줍니다. 상태 관리, 재사용 가능한 컴포넌트, 완성도 있는 앱 흐름이 필요한 Frontend Development artifact에 특히 적합합니다.

ckm:ui-styling은 shadcn/ui, Tailwind CSS, 캔버스 기반 비주얼 디자인을 활용해 접근성 높고 실전용 UI를 손쉽게 구현할 수 있도록 돕습니다. React 프로젝트에서 구조화된 반응형 레이아웃, 접근성 컴포넌트, 다크 모드, 일관된 디자인 시스템이 필요할 때 적합합니다. UI 디자인, 테마 적용, 빠른 프로토타이핑에 실용적이고 스택별 맞춤 가이드를 제공합니다.

shadcn-ui 스킬은 실제 앱에서 shadcn/ui 컴포넌트를 계획, 설치, 적용하는 데 도움을 줍니다. 이 shadcn-ui 가이드를 Design Implementation, 컴포넌트 탐색, 커스터마이징, 그리고 폼·테이블·인증 플로우·레이아웃 전반의 실전 shadcn-ui 활용에 사용하세요.