shadcn-best-practices

Name: shadcn-best-practices
Author: ofershap

✓

ofershap/shadcn-best-practicesGitHub: ofershap/shadcn-best-practices 출처: ofershap/shadcn-best-practices

shadcn/ui가 제대로 완료되었습니다. 구성 요소 사용자 정의, 양식 패턴, 테마, 접근성 및 구성 패턴.

ofershap·shadcn·best·practices

6설치·0트렌드·@ofershap

설치

GitHub: ofershap/shadcn-best-practices

$npx skills add https://github.com/ofershap/shadcn-best-practices --skill shadcn-best-practices

shadcn-best-practices 설치 방법

명령줄에서 shadcn-best-practices AI 스킬을 개발 환경에 빠르게 설치

터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ofershap/shadcn-best-practices --skill shadcn-best-practices
설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: ofershap/shadcn-best-practices.

SKILL.md

원본 보기

Use this skill when working with shadcn/ui. Agents often treat it as a conventional npm package, suggest wrong imports, skip the form patterns, and ignore the copy-paste architecture. This skill anchors correct component sourcing, form patterns with React Hook Form + Zod, theming via CSS variables, and composition patterns.

Why: shadcn/ui is a collection of copy-paste components. You copy them into your project and own the source. There is no @shadcn/ui package to import from.

Why: cn() from @/lib/utils merges Tailwind classes correctly and resolves conflicts. Template literals produce invalid combinations and unpredictable specificity.

shadcn/ui가 제대로 완료되었습니다. 구성 요소 사용자 정의, 양식 패턴, 테마, 접근성 및 구성 패턴. 출처: ofershap/shadcn-best-practices.

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어: npx skills add https://github.com/ofershap/shadcn-best-practices --skill shadcn-best-practices
출처: ofershap/shadcn-best-practices
카테고리: </>개발 도구
인증됨: ✓
최초 등록: 2026-03-13
업데이트: 2026-03-13
URL: https://www.learn-skills.dev/ko/skills/ofershap/shadcn-best-practices/shadcn-best-practices

Browse more skills from ofershap/shadcn-best-practices

빠른 답변

shadcn-best-practices이란?

shadcn/ui가 제대로 완료되었습니다. 구성 요소 사용자 정의, 양식 패턴, 테마, 접근성 및 구성 패턴. 출처: ofershap/shadcn-best-practices.

shadcn-best-practices 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ofershap/shadcn-best-practices --skill shadcn-best-practices 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/ofershap/shadcn-best-practices

상세

카테고리: </>개발 도구
출처: skills.sh
최초 등록: 2026-03-13