Skip to main content
Glama

SupaUI MCP 서버

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

특징

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

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

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

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

Related MCP server: CodeAlive MCP

필수 조건

  • Node.js(최신 LTS 버전)

  • buouui.com 의 BUOU_API_KEY

설치

지엑스피1

구성

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

export BUOU_API_KEY=your_api_key_here
  1. 또는 smithery.yaml 요구 사항을 기반으로 구성 파일을 만듭니다.

용법

서버 시작

pnpm start

사용 가능한 명령

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

  1. UI 구성 요소 만들기:

/ui create a basic button
  1. UI 구성 요소 가져오기:

/ui fetch modern login form
  1. 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. 풀 리퀘스트 만들기

특허

아이에스씨

지원하다

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

Install Server
A
security – no known vulnerabilities
F
license - not found
A
quality - confirmed to work

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/buoooou/mcp-ui-gen'

If you have feedback or need assistance with the MCP directory API, please join our Discord server