Jpisnice/shadcn-ui-mcp-server

해결하는 문제

shadcn/ui v4 컴포넌트를 AI 기반 개발 워크플로우에 통합하는 과정을 단순화합니다. 수동으로 컴포넌트 코드를 검색하고 복사하는 대신, AI 어시스턴트는 여러 프레임워크에서 최신 소스 코드, 데모, 메타데이터에 직접 접근하고 가져올 수 있습니다.

작동 방식

이 프로젝트는 AI 어시스턴트(예: Claude Desktop 또는 Cursor)와 shadcn/ui 생태계 사이를 연결하는 Model Context Protocol (MCP) 서버입니다. GitHub에 연결하여 TypeScript 소스 코드, 블록, 구성 정보를 가져옵니다. 표준 입력/출력(stdio)과 프로덕션 배포용 스트리밍 HTTP 엔드포인트를 포함한 여러 전송 모드를 지원하며, GitHub API의 레이트 제한을 처리하기 위한 스마트 캐싱 기능도 포함되어 있습니다.

대상 사용자

AI 어시스턴트를 사용하여 사용자 인터페이스를 개발하는 개발자로, shadcn/ui, shadcn-svelte, shadcn-vue 또는 react-native-reusables의 컴포넌트를 빠르게 구현하고자 하는 분들입니다.

주요 특징

• 다중 프레임워크 지원: React, Svelte, Vue, React Native 구현에 접근 가능.
• 포괄적인 접근성: 컴포넌트 소스 코드, 예제 데모, 완전한 블록(예: 대시보드 및 폼)을 가져올 수 있음.
• 유연한 배포: npx, Docker, 또는 상태 없는 HTTP 서버로 실행 가능.
• 스마트 도구 기능: 컴포넌트 이름과 패키지 매니저에 대한 인수 완성 지원, 2026-07-28 MCP 사양도 지원.