moai-library-shadcn
정보
이 Claude Skill은 기업용 React 애플리케이션에서 shadcn/ui 컴포넌트 라이브러리를 구현하기 위한 전문 지침을 제공합니다. AI 기반 아키텍처, 디자인 시스템 자동화, Tailwind CSS 통합을 통한 지능형 컴포넌트 오케스트레이션을 지원합니다. shadcn/ui 논의, React 컴포넌트 기획, 디자인 토큰 설정에 활용하세요.
빠른 설치
Claude Code
추천npx skills add modu-ai/moai-adk -a claude-code/plugin add https://github.com/modu-ai/moai-adkgit clone https://github.com/modu-ai/moai-adk.git ~/.claude/skills/moai-library-shadcnClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
GitHub 저장소
Frequently asked questions
What is the moai-library-shadcn skill?
moai-library-shadcn is a Claude Skill by modu-ai. Skills package instructions and resources that Claude loads on demand, so Claude can perform moai-library-shadcn-related tasks without extra prompting.
How do I install moai-library-shadcn?
Use the install commands on this page: add moai-library-shadcn to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does moai-library-shadcn belong to?
moai-library-shadcn is in the library category, tagged library, shadcn, enterprise, development and ui.
Is moai-library-shadcn free to use?
Yes. moai-library-shadcn is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
연관 스킬
이 스킬은 MCP Playwright를 활용한 렌더링으로 Claude Code 내에서 Mermaid 다이어그램 생성을 가능하게 합니다. 플로우차트, 시퀀스 다이어그램, ER 다이어그램을 포함한 총 21가지 Mermaid 다이어그램 유형에 대한 완전한 구문 지원을 제공합니다. 개발 워크플로우 내에서 직접 기업 수준의 품질을 갖춘 다이어그램을 생성하고 렌더링해야 할 때 사용하세요.
이 Claude Skill은 엔터프라이즈 React 애플리케이션에서 shadcn/ui 컴포넌트 라이브러리를 구현하기 위한 전문 지침을 제공합니다. AI 기반 아키텍처, 자동화된 테마 커스터마이징, Context7 통합을 통한 지능형 컴포넌트 오케스트레이션을 지원합니다. shadcn/ui 논의, React 컴포넌트 계획, Tailwind CSS 디자인 토큰 구성에 활용하세요.
이 스킬은 Next.js로 전문적인 문서 사이트를 구축하기 위한 엔터프라이즈 수준의 Nextra 프레임워크를 제공합니다. 파일 시스템 라우팅, 테마 커스터마이징, 내장 i18n 지원을 통해 MDX 기반 문서를 만들 수 있게 해줍니다. Next.js와 Nextra의 제로 설정 방식으로 고성능의 맞춤형 문서 사이트를 빠르게 구축해야 할 때 사용하세요.
이 Claude Skill은 효율적인 LLM 통신을 위한 TOON 인코딩, JSON/YAML 최적화, 강력한 데이터 검증을 포함한 전문 데이터 형식 처리를 제공합니다. JSON 대비 40-60%의 토큰 감소 효과를 제공하면서도 원활한 형식 변환 기능을 유지합니다. 개발자는 최적화된 직렬화 패턴과 구조화된 데이터 검증이 필요한 성능 중심 애플리케이션에 이를 사용해야 합니다.
