Quickchart MCP 서버

“Quickchart” MCP 서버는 무엇을 하나요?

Quickchart MCP 서버는 QuickChart.io 서비스를 사용해 차트를 생성하는 모델 컨텍스트 프로토콜(MCP) 서버입니다. 이 서버는 AI 어시스턴트와 클라이언트가 정의된 MCP 도구를 통해 다양한 종류의 차트를 만들 수 있게 하여, 차트 생성 기능을 개발 워크플로우에 원활하게 통합할 수 있게 해줍니다. 언어 모델과 QuickChart API 사이의 브릿지 역할을 수행하여, 사용자가 개발 환경에서 바로 바 차트, 라인 차트, 파이 차트 등 다양한 시각화 자료를 프로그래밍 방식으로 생성하고 가져올 수 있도록 지원합니다. 이 기능은 특히 데이터 분석, 보고서 작성, 자동 대시보드 생성에 유용하여 AI 시스템이 인사이트를 시각적으로 효과적으로 전달할 수 있도록 돕습니다.

프롬프트 목록

저장소에서 프롬프트 템플릿에 대한 정보가 발견되지 않았습니다.

리소스 목록

저장소에 명시된 리소스가 없습니다.

도구 목록

• 차트 생성 도구
  QuickChart.io API를 통해 다양한 유형의 차트를 생성할 수 있는 기능을 제공합니다. 이 도구는 사용자가 차트 유형, 데이터, 커스터마이징 옵션을 지정하고, 결과 차트의 URL 또는 이미지를 받을 수 있도록 해줍니다.

이 MCP 서버의 활용 사례

• 자동화된 보고서 생성
  데이터 입력값에 따라 동적 차트를 생성하여 자동 보고서에 차트 시각화를 통합하세요.
• 데이터 분석 및 시각화
  AI 기반 도구나 대시보드에서 데이터셋을 손쉽게 시각화하여 분석 및 의사결정을 지원하세요.
• 코드베이스 문서화
  최신 상태의 프로그래밍 생성 차트로 코드나 프로젝트 문서의 완성도를 높이세요.
• 교육용 콘텐츠 제작
  튜토리얼, 프레젠테이션, 온라인 강의 자료 등에 즉석에서 생성한 차트로 시각적 보조 자료를 만드세요.

설치 방법

Windsurf

1. 시스템에 Node.js가 설치되어 있는지 확인하세요.
2. Windsurf 설정 파일을 여세요.
3. mcpServers 섹션에 아래 JSON 코드를 추가하세요:

   {
     "mcpServers": {
       "quickchart-mcp": {
         "command": "npx",
         "args": ["@quickchart/mcp-server@latest"]
       }
     }
   }
   

4. 파일을 저장하고 Windsurf를 재시작하세요.
5. MCP 서버가 정상적으로 실행되고 접근 가능한지 확인하세요.

Claude

1. Node.js가 설치되어 있지 않다면 설치하세요.
2. Claude의 설정 파일을 찾으세요.
3. mcpServers 항목에 Quickchart MCP 서버를 추가하세요:

   {
     "mcpServers": {
       "quickchart-mcp": {
         "command": "npx",
         "args": ["@quickchart/mcp-server@latest"]
       }
     }
   }
   

4. Claude를 재시작하고 서버 등록을 확인하세요.
5. 테스트 차트 요청으로 접근이 가능한지 확인하세요.

Cursor

1. 시스템에 Node.js가 설치되어 있는지 확인하세요.
2. Cursor의 메인 설정 파일을 수정하세요.
3. mcpServers 섹션에 아래를 추가하세요:

   {
     "mcpServers": {
       "quickchart-mcp": {
         "command": "npx",
         "args": ["@quickchart/mcp-server@latest"]
       }
     }
   }
   

4. 변경사항을 저장하고 Cursor를 재시작하세요.
5. 샘플 차트 생성으로 통합을 테스트하세요.

Cline

1. 사전 요건: Node.js가 설치되어 있어야 합니다.
2. Cline 설정 파일을 여세요.
3. Quickchart MCP 서버를 등록하세요:

   {
     "mcpServers": {
       "quickchart-mcp": {
         "command": "npx",
         "args": ["@quickchart/mcp-server@latest"]
       }
     }
   }
   

4. 저장하고 Cline을 재시작하세요.
5. 차트 요청으로 정상 동작을 확인하세요.

API 키 보안 관리

API 키나 시크릿이 필요한 경우, 환경 변수에 저장하세요. 예시 JSON 설정:

{
  "mcpServers": {
    "quickchart-mcp": {
      "command": "npx",
      "args": ["@quickchart/mcp-server@latest"],
      "env": {
        "QUICKCHART_API_KEY": "your_api_key_here"
      },
      "inputs": {
        "apiKey": "${QUICKCHART_API_KEY}"
      }
    }
  }
}

플로우에서 MCP 사용 방법

FlowHunt에서 MCP 사용하기

FlowHunt 워크플로우에 MCP 서버를 통합하려면, 먼저 플로우에 MCP 컴포넌트를 추가하고 AI 에이전트와 연결하세요:

MCP 컴포넌트를 클릭하여 설정 패널을 엽니다. 시스템 MCP 설정 섹션에 아래와 같은 JSON 형식으로 MCP 서버 세부 정보를 입력하세요:

{
  "quickchart-mcp": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

설정이 완료되면, AI 에이전트가 이 MCP를 도구로 사용하여 모든 기능에 접근할 수 있습니다. “quickchart-mcp” 부분은 실제 MCP 서버 이름으로, URL은 본인의 MCP 서버 주소로 각각 변경하세요.

개요

위 표와 같이 Quickchart MCP 서버는 차트 생성에 특화된 명확한 도구와 설치 방법, API 키 보안 안내를 제공합니다. 다만, 프롬프트 템플릿, 명시적 리소스, Roots/샘플링 등 고급 MCP 기능 관련 정보는 부족합니다. 코어 기능의 사용성은 우수하나 확장성은 제한적인 것으로 보입니다.

MCP 점수