hugeicons-mcp

Hugeicons MCP 서버

Hugeicons 통합 및 문서화를 위한 MCP 서버

이는 Hugeicons를 다양한 플랫폼에 통합하는 데 필요한 도구와 리소스를 제공하는 TypeScript 기반 MCP 서버입니다. AI 비서가 Hugeicons 사용에 대한 정확한 안내를 제공할 수 있도록 지원하는 모델 컨텍스트 프로토콜(MCP) 서버를 구현합니다.

특징

도구

• list_icons - 사용 가능한 모든 Hugeicons 아이콘 목록을 가져옵니다.
• search_icons - 이름이나 태그로 아이콘 검색
• get_platform_usage - Hugeicons에 대한 플랫폼별 사용 지침을 가져옵니다.

자원

플랫폼 문서(마크다운 형식):

• hugeicons://docs/platforms/react - React 통합 가이드
• hugeicons://docs/platforms/vue - Vue 통합 가이드
• hugeicons://docs/platforms/angular - Angular 통합 가이드
• hugeicons://docs/platforms/svelte - Svelte 통합 가이드
• hugeicons://docs/platforms/react-native - React Native 통합 가이드
• hugeicons://docs/platforms/flutter - Flutter 통합 가이드

아이콘 데이터:

• hugeicons://icons/index - 모든 Hugeicons의 전체 인덱스(JSON 형식)

기능성

이 서버는 다음을 포함하여 포괄적인 Hugeicons 통합 지원을 제공합니다.

• 아이콘 발견 및 검색
• 플랫폼별 설치 가이드
• 코드 조각을 사용한 사용 예
• 컴포넌트 속성 문서
• 패키지 설치 지침

개발

종속성 설치:

지엑스피1

서버를 빌드하세요:

자동 재빌드를 사용한 개발의 경우:

설치

Smithery를 통해 설치

Smithery를 통해 Claude Desktop에 Hugeicons MCP Server를 자동으로 설치하려면:

Claude Desktop과 함께 사용하려면 서버 구성을 추가하세요.

MacOS의 경우: ~/Library/Application Support/Claude/claude_desktop_config.json Windows의 경우: %APPDATA%/Claude/claude_desktop_config.json

args 배열은 다음을 지정합니다.

1. -y : npx 프롬프트에 자동으로 "예"라고 대답합니다.
2. 패키지 이름: @hugeicons/mcp-server

빠른 시작

npx를 사용하여 서버를 직접 실행할 수도 있습니다.

디버깅

MCP 서버는 stdio를 통해 통신하므로 디버깅이 어려울 수 있습니다. 패키지 스크립트로 제공되는 MCP Inspector를 사용하는 것이 좋습니다.

검사기는 브라우저에서 디버깅 도구에 액세스할 수 있는 URL을 제공합니다.