Supericons 에이전트 플러그인

AI 코딩 에이전트를 위한 의미론적 SVG 아이콘 검색.

Supericons는 에이전트가 파일 이름뿐만 아니라 의미를 통해 아이콘을 찾을 수 있도록 돕습니다. 이를 사용하여 20,000개 이상의 무료 아이콘을 검색하고, SVG 코드를 가져오며, 앱 탐색, 대시보드, 도구 및 제품 UI를 위한 아이콘 세트를 추천받을 수 있습니다.

빠른 설치

MCP를 지원하는 모든 코딩 에이전트에서 이 설정을 사용하세요:

{
  "mcpServers": {
    "supericons": {
      "command": "npx",
      "args": ["-y", "supericons-mcp"]
    }
  }
}

IDE 설정 필드

IDE에 JSON 파일 대신 양식이 표시되는 경우 다음을 입력하세요:

Name: supericons
Transport: stdio
Command: npx
Arguments:
-y
supericons-mcp

IDE에 인수 필드가 하나만 있는 경우 다음을 입력하세요:

-y supericons-mcp

무료 아이콘 검색을 위해 환경 변수는 비워 두세요.

Pro 설정

프리미엄 아이콘이나 Pro 도구를 사용하려면 이 환경 변수를 추가하세요:

SUPERICONS_API_KEY=your_api_key_here

공개 이슈, 스크린샷 또는 공유 설정 파일에 API 키를 붙여넣지 마세요.

호스팅된 MCP 엔드포인트

호스팅된 엔드포인트:

https://mcp.supericons.dev/mcp

서버 카드:

https://mcp.supericons.dev/.well-known/mcp/server-card.json

사용 가능한 도구

search_icons : 의미, 라벨, 시각적 설명, 태그 및 동의어를 기준으로 무료 아이콘 라이브러리를 검색합니다.

recommend_icons : 대시보드 탐색, 앱 탭, 설정 패널 또는 제품 기능과 같은 UI 슬롯에 적합한 아이콘을 추천합니다.

get_icon : 아이콘 ID와 라이브러리를 통해 하나의 SVG 아이콘을 가져옵니다.

list_libraries : Supericons MCP를 통해 사용할 수 있는 무료 아이콘 라이브러리 목록을 나열합니다.

예시 프롬프트

Use Supericons MCP to find a database icon. Prefer Lucide outline icons and show the icon id, library, and SVG.

Use Supericons MCP to recommend icons for an AI dashboard sidebar. The slots are model, prompt, dataset, evaluation, deployment, and monitoring. Prefer Lucide outline icons.

링크

• 웹사이트: https://supericons.dev

• npm 패키지: https://www.npmjs.com/package/supericons-mcp

• 호스팅된 MCP: https://mcp.supericons.dev/mcp

공개 저장소 범위

이 저장소는 에이전트 디렉토리 및 IDE 사용자를 위한 경량 설정 래퍼일 뿐입니다. 여기에는 비공개 Supericons 웹사이트 소스, 전체 의미론적 레지스트리, 내부 빌드 워크플로우, 비공개 데이터, 서비스 키 또는 프리미엄 아이콘 자산이 포함되어 있지 않습니다.