SupaUI MCP 서버

AI 에이전트가 자연어 상호작용을 통해 UI 구성 요소를 생성, 가져오기 및 관리할 수 있도록 하는 SupaUI용 MCP(Model Context Protocol) 서버입니다.

특징

• UI 구성 요소 생성 : 자연어 설명을 기반으로 React 구성 요소 생성

• UI 구성 요소 가져오기 : buouui.com에서 구성 요소를 검색하고 검색합니다.

• UI 구성 요소 목록 : 자세한 미리보기로 사용 가능한 구성 요소 찾아보기

• TypeScript 지원 : 더 나은 유형 안전성과 개발자 경험을 위해 TypeScript로 구축됨

Related MCP server: MCP Magic UI

필수 조건

• Node.js(최신 LTS 버전)

• buouui.com 의 BUOU_API_KEY

설치

지엑스피1

구성

1. 환경에서 BUOU_API_KEY를 설정하세요:

export BUOU_API_KEY=your_api_key_here

2. 또는 smithery.yaml 요구 사항을 기반으로 구성 파일을 만듭니다.

용법

서버 시작

pnpm start

사용 가능한 명령

서버는 다음 명령을 지원합니다.

1. UI 구성 요소 만들기:

/ui create a basic button

2. UI 구성 요소 가져오기:

/ui fetch modern login form

3. UI 구성 요소 나열:

/buou list cards

API 도구

CreateUiTool

• 자연어 설명을 기반으로 새로운 UI 구성 요소를 생성합니다.

• 엔드포인트: /api/create

FetchUiTool

• buouui.com에서 기존 구성 요소를 검색합니다.

• 엔드포인트: /api/fetch

리스트Ui툴

• 미리보기로 사용 가능한 구성 요소를 나열합니다.

• 엔드포인트: /api/list

개발

# Build in watch mode
tsc -w

# Run tests
pnpm test

환경 변수

• BUOU_API_KEY : buouui.com의 API 키(필수)

기여하다

1. 저장소를 포크하세요

2. 기능 브랜치를 생성하세요

3. 변경 사항을 커밋하세요

4. 지점으로 밀어 넣기

5. 풀 리퀘스트 만들기

특허

아이에스씨

지원하다

지원이 필요하면 다음을 방문하세요.

• 부우이닷컴

• 이메일: support@buouui.com