Jpisnice/shadcn-ui-mcp-server

해결하는 문제

이 프로젝트는 AI 어시스턴트가 shadcn/ui v4 컴포넌트, 블록, 메타데이터를 React, Svelte, Vue, React Native 등 다양한 프레임워크를 통해 직접 접근하고 통합할 수 있도록 해줍니다. AI가 컴포넌트 코드를 추측하거나 잘못된 코드를 생성할 필요 없이, 최신 소스 코드, 데모, 메타데이터에 직접 접근할 수 있게 됩니다.

작동 방식

이 프로젝트는 Model Context Protocol (MCP) 서버로 구현되어 있습니다. GitHub에 연결하여 shadcn/ui의 최신 TypeScript 소스 코드, 블록, 구현 패턴을 가져옵니다. 표준 입력/출력(stdio)과 Server-Sent Events(SSE)를 지원하며, Docker를 통해 프로덕션 환경에 배포할 수 있습니다.

대상 사용자

Claude Desktop, Cursor, VS Code와 같은 AI 기반 코딩 어시스턴트를 사용하며, 다양한 프레임워크에서 shadcn/ui 생태계를 활용해 UI를 개발하고자 하는 개발자들입니다.

주요 특징

• 다중 프레임워크 지원: React, Svelte, Vue, React Native에 대한 구현을 제공합니다.
• 포괄적인 접근성: 소스 코드, 컴포넌트 데모, 전체 블록(예: 대시보드, 폼 등)을 가져옵니다.
• 유연한 배포: 표준 입력/출력, 다중 클라이언트용 Server-Sent Events(SSE), Docker 컨테이너화를 지원합니다.
• 스마트 캐싱: GitHub API 통합 및 레이트 제한 처리 기능을 통해 효율적인 데이터 가져오기를 보장합니다.