21st-dev/magic-mcp

해결하는 문제

AI 에이전트가 UI 컴포넌트, 테마, 템플릿 라이브러리에 접근할 수 있는 다리를 제공합니다. 기존 컴포넌트를 검색하고, 새로운 UI를 생성하며, 라이브러리를 관리할 수 있게 해주어 AI 어시스턴트를 UI 개발 도구로 전환합니다.

작동 방식

이 프로젝트는 Model Context Protocol (MCP) 서버로 작동합니다. 독립형 HTTP 서버로 사용하거나 stdio 프록시를 통해 사용할 수 있습니다. AI 클라이언트(Cursor, Claude, VS Code 등)를 21st.dev 플랫폼에 연결하여 UI 생성 및 검색을 위한 특정 도구를 호출할 수 있게 합니다.

대상 사용자

Model Context Protocol (MCP)를 지원하는 AI 기반 IDE나 에이전트를 사용하고, UI 컴포넌트의 탐색 및 생성을 자동화하고자 하는 개발자들입니다.

주요 기능

• UI 생성: 다양한 변형을 가진 새로운 UI 컴포넌트 생성 기능.
• 컴포넌트 탐색: 컴포넌트, 테마, 템플릿 전체에 걸친 카탈로그 검색.
• 풍부한 도구 세트: 로고 검색, 유료 코드 검색, 팀 라이브러리 관리 등 다양한 도구 포함.
• 광범위한 호환성: Cursor, Claude, VS Code, Windsurf 등 다양한 AI 클라이언트 지원.