moai-library-mermaid
정보
이 스킬은 MCP Playwright를 활용한 렌더링으로 Claude Code 내에서 Mermaid 다이어그램 생성을 가능하게 합니다. 플로우차트, 시퀀스 다이어그램, ER 다이어그램을 포함한 총 21가지 Mermaid 다이어그램 유형에 대한 완전한 구문 지원을 제공합니다. 개발 워크플로우 내에서 직접 기업 수준의 품질을 갖춘 다이어그램을 생성하고 렌더링해야 할 때 사용하세요.
빠른 설치
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-mermaidClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
GitHub 저장소
연관 스킬
moai-library-shadcn
기타이 Claude Skill은 기업용 React 애플리케이션에서 shadcn/ui 컴포넌트 라이브러리를 구현하기 위한 전문 지침을 제공합니다. AI 기반 아키텍처, 디자인 시스템 자동화, Tailwind CSS 통합을 통한 지능형 컴포넌트 오케스트레이션을 지원합니다. shadcn/ui 논의, React 컴포넌트 기획, 디자인 토큰 설정에 활용하세요.
moai-library-nextra
기타이 스킬은 Next.js로 전문적인 문서 사이트를 구축하기 위한 엔터프라이즈 수준의 Nextra 프레임워크를 제공합니다. 파일 시스템 라우팅, 테마 커스터마이징, 내장 i18n 지원을 통해 MDX 기반 문서를 만들 수 있게 해줍니다. Next.js와 Nextra의 제로 설정 방식으로 고성능의 맞춤형 문서 사이트를 빠르게 구축해야 할 때 사용하세요.
moai-library-shadcn
기타이 Claude Skill은 엔터프라이즈 React 애플리케이션에서 shadcn/ui 컴포넌트 라이브러리를 구현하기 위한 전문 지침을 제공합니다. AI 기반 아키텍처, 자동화된 테마 커스터마이징, Context7 통합을 통한 지능형 컴포넌트 오케스트레이션을 지원합니다. shadcn/ui 논의, React 컴포넌트 계획, Tailwind CSS 디자인 토큰 구성에 활용하세요.
moai-formats-data
기타이 Claude Skill은 효율적인 LLM 통신을 위한 TOON 인코딩, JSON/YAML 최적화, 강력한 데이터 검증을 포함한 전문 데이터 형식 처리를 제공합니다. JSON 대비 40-60%의 토큰 감소 효과를 제공하면서도 원활한 형식 변환 기능을 유지합니다. 개발자는 최적화된 직렬화 패턴과 구조화된 데이터 검증이 필요한 성능 중심 애플리케이션에 이를 사용해야 합니다.