moai-library-mermaid
정보
이 스킬은 Claude Code에 기업용 Mermaid 다이어그램 작성 기능을 제공하며, 21가지 모든 다이어그램 유형에 대한 완전한 구문 지원을 제공합니다. MCP Playwright와 통합되어 다이어그램을 SVG/PNG 파일로 렌더링하므로, 개발자가 Claude 내에서 직접 기술 다이어그램을 생성하고 시각화해야 할 때 이상적입니다.
빠른 설치
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-mermaid
기타이 스킬은 MCP Playwright를 활용한 렌더링으로 Claude Code 내에서 Mermaid 다이어그램 생성을 가능하게 합니다. 플로우차트, 시퀀스 다이어그램, ER 다이어그램을 포함한 총 21가지 Mermaid 다이어그램 유형에 대한 완전한 구문 지원을 제공합니다. 개발 워크플로우 내에서 직접 기업 수준의 품질을 갖춘 다이어그램을 생성하고 렌더링해야 할 때 사용하세요.
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 디자인 토큰 구성에 활용하세요.