오늘의 AIckm:ui-styling
shadcn/ui 구성 요소를 사용하여 아름다운 및 접근 가능한 사용자 인터페이스를 만들고, Tailwind CSS 유틸리티 중심 스타일링과 캔버스 기반 시각 설계를 활용합니다.
01
언제 사용하는가
사용자가 인터페이스를 구축하거나 디자인 시스템을 구현하고, 반응형 레이아웃을 생성하거나 접근성 컴포넌트(대화상자, 드롭다운, 폼, 표 등)를 추가하거나 테마 및
색상을 커스터마이징하거나 다크 모드를 구현하거나 시각 설계 및 포스터를 생성하거나 애플리케이션 전체에서 일관된 스타일 패턴을 설정할 때 사용합니다.
02
따라 하는 방법
- npx shadcn@latest init을 실행합니다.
- npx shadcn@latest add button card dialog form을 실행합니다.
- npm install -D tailwindcss @tailwindcss/vite을 실행합니다.
- python scripts/shadcn_add.py button card dialog을 실행합니다.
03
설치 방법
npx skills add installs: 32431 --skill ckmui-styling