Integrations
Offers detailed documentation for integrating Hugeicons into Angular applications, with platform-specific usage examples and code snippets.
Provides Flutter-specific implementation guide for Hugeicons, helping developers integrate icon components into Flutter applications.
Provides integration guide and usage instructions for implementing Hugeicons in React applications, including installation steps and component props documentation.
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
서버를 빌드하세요:
자동 재빌드를 사용한 개발의 경우:
설치
Claude Desktop과 함께 사용하려면 서버 구성을 추가하세요.
MacOS의 경우: ~/Library/Application Support/Claude/claude_desktop_config.json Windows의 경우: %APPDATA%/Claude/claude_desktop_config.json
args 배열은 다음을 지정합니다.
-y: npx 프롬프트에 자동으로 "예"라고 대답합니다.- 패키지 이름:
@hugeicons/mcp-server
빠른 시작
npx를 사용하여 서버를 직접 실행할 수도 있습니다.
디버깅
MCP 서버는 stdio를 통해 통신하므로 디버깅이 어려울 수 있습니다. 패키지 스크립트로 제공되는 MCP Inspector를 사용하는 것이 좋습니다.
검사기는 브라우저에서 디버깅 도구에 액세스할 수 있는 URL을 제공합니다.
You must be authenticated.
Hugeicons 통합 및 문서화를 위한 MCP 서버
다양한 플랫폼에 Hugeicons를 통합하기 위한 도구와 리소스를 제공하는 TypeScript 기반 MCP 서버입니다. AI 비서가 Hugeicons 사용에 대한 정확한 안내를 제공할 수 있도록 지원하는 모델 컨텍스트 프로토콜(MCP) 서버를 구현합니다.