SVG Canvas MCP
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Instructions
Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.
This server publishes no instructions, or was last inspected before Glama recorded them.
Capabilities
Server capabilities have not been inspected yet.
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| svg_createB | 새 SVG 캔버스를 생성합니다. |
| svg_openC | 기존 SVG 파일을 엽니다. |
| svg_saveC | 현재 캔버스를 SVG 파일로 저장합니다. |
| svg_infoB | 현재 캔버스의 정보를 조회합니다. |
| svg_resizeC | 캔버스 크기를 변경합니다. |
| svg_set_backgroundB | 캔버스 배경색을 설정합니다. |
| draw_rectC | 사각형을 그립니다. |
| draw_circleC | 원을 그립니다. |
| draw_ellipseC | 타원을 그립니다. |
| draw_lineC | 직선을 그립니다. |
| draw_polylineC | 여러 점을 연결하는 선을 그립니다. |
| draw_polygonD | 다각형을 그립니다. |
| draw_textC | 텍스트를 추가합니다. |
| draw_imageC | 이미지를 삽입합니다. |
| draw_pathC | SVG 패스 데이터(d 속성)로 직접 경로를 그립니다. |
| path_createA | 새 패스 빌더를 시작합니다. path_lineto, path_curveto 등으로 경로를 추가한 후 path_finish로 완료합니다. |
| path_linetoC | 현재 패스에 직선을 추가합니다. |
| path_curvetoC | 현재 패스에 베지어 곡선을 추가합니다. |
| path_arctoC | 현재 패스에 호(arc)를 추가합니다. |
| path_closeB | 현재 패스를 닫습니다 (시작점으로 연결). |
| path_finishC | 패스 빌더를 완료하고 SVG 요소로 추가합니다. |
| path_cancelC | 현재 패스 빌더를 취소합니다. |
| draw_regular_polygonC | 정다각형을 그립니다. |
| draw_starC | 별 모양을 그립니다. |
| draw_heartB | 하트 모양을 그립니다. |
| draw_rounded_rect_pathC | 둥근 모서리 사각형을 패스로 그립니다 (모서리별 다른 반경 가능). |
| layer_createC | 새 레이어를 생성합니다. |
| layer_deleteC | 레이어를 삭제합니다. |
| layer_renameC | 레이어 이름을 변경합니다. |
| layer_reorderC | 레이어 순서를 변경합니다. |
| layer_visibilityC | 레이어의 표시/숨김 상태를 설정합니다. |
| layer_lockC | 레이어의 잠금 상태를 설정합니다. |
| layer_opacityC | 레이어의 불투명도를 설정합니다. |
| layer_blend_modeC | 레이어의 블렌드 모드를 설정합니다. |
| layer_listB | 모든 레이어 목록을 조회합니다. |
| layer_selectC | 활성 레이어를 선택합니다. |
| layer_mergeC | 두 레이어를 병합합니다. |
| layer_duplicateC | 레이어를 복제합니다. |
| object_selectC | 객체를 ID로 선택하고 정보를 조회합니다. |
| object_listC | 캔버스의 모든 객체 목록을 조회합니다. |
| object_moveC | 객체를 이동합니다. |
| object_scaleC | 객체 크기를 조절합니다. |
| object_rotateC | 객체를 회전합니다. |
| object_deleteC | 객체를 삭제합니다. |
| object_duplicateC | 객체를 복제합니다. |
| object_groupC | 여러 객체를 그룹으로 묶습니다. |
| object_ungroupC | 그룹을 해제합니다. |
| object_orderC | 객체의 Z 순서를 변경합니다. |
| style_fillC | 객체의 채우기를 설정합니다. |
| style_strokeC | 객체의 선 스타일을 설정합니다. |
| style_opacityC | 객체의 불투명도를 설정합니다. |
| style_gradientC | 그라디언트를 정의합니다. fill에 url(#id)로 사용합니다. |
| style_patternC | 패턴을 정의합니다. |
| style_filterC | 객체에 필터를 적용합니다. |
| style_remove_filterC | 객체에서 필터를 제거합니다. |
| anim_css_addC | 객체에 CSS 애니메이션을 추가합니다. |
| anim_smil_addC | 객체에 SMIL 애니메이션을 추가합니다. (SVG 내장 애니메이션) |
| anim_removeC | 객체의 애니메이션을 제거합니다. |
| anim_listC | 정의된 애니메이션 목록을 조회합니다. |
| symbol_defineC | 객체를 재사용 가능한 심볼로 정의합니다. |
| symbol_useC | 정의된 심볼을 배치합니다. |
| template_saveC | 현재 캔버스를 템플릿으로 저장합니다. |
| template_loadC | 저장된 템플릿을 불러옵니다. |
| template_listC | 저장된 템플릿 목록을 조회합니다. |
| template_deleteC | 저장된 템플릿을 삭제합니다. |
| history_undoC | 마지막 작업을 취소합니다. |
| history_redoC | 취소한 작업을 다시 실행합니다. |
| history_listC | 작업 히스토리를 조회합니다. |
| history_gotoC | 히스토리의 특정 시점으로 이동합니다. |
| history_clearA | 모든 히스토리를 삭제합니다. (주의: 되돌릴 수 없음) |
| export_svgC | SVG 파일로 내보냅니다. |
| export_codeC | 현재 캔버스의 SVG 코드를 반환합니다. |
| preview_browserC | 현재 캔버스를 브라우저에서 미리봅니다. (Playwright MCP 연동) |
| export_data_uriA | SVG를 Data URI 형식으로 변환합니다. (이미지 태그에 직접 사용 가능) |
| export_pngA | PNG 파일로 내보냅니다. (참고: 현재는 SVG를 저장하고 별도 변환 도구 사용 권장) |
| ai_suggest_colorsC | 기준 색상을 바탕으로 조화로운 색상 팔레트를 추천합니다. |
| ai_analyze_colorsB | 현재 캔버스에서 사용된 색상을 분석합니다. |
| ai_align_objectsC | 선택한 객체들의 정렬 방법을 제안합니다. |
| ai_suggest_layoutC | 캔버스 크기에 맞는 레이아웃을 제안합니다. |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
No prompts | |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
No resources | |
TDQS
Scored across 79 tools
Most tools have distinct purposes with clear boundaries, such as draw_circle vs. draw_rect or layer_create vs. layer_delete. However, some overlap exists in AI suggestion tools (e.g., ai_align_objects and ai_suggest_layout might be confused for layout-related tasks), and path creation tools (path_create, path_lineto, etc.) could be ambiguous without careful reading of descriptions.
Tool names follow a highly consistent snake_case pattern with clear verb_noun or category_verb_noun structures throughout, such as draw_circle, layer_create, and export_png. All tools adhere to this convention, making them predictable and easy to parse for agents.
With 79 tools, the count is excessive for a single server, likely overwhelming for agents and leading to confusion or inefficiency. While SVG editing is a broad domain, this many tools suggests over-fragmentation, such as separate tools for each shape type or path command, rather than consolidation.
The tool set provides comprehensive coverage for SVG canvas operations, including drawing, styling, layering, animation, export, history, and templates. It supports full CRUD/lifecycle management for objects, layers, and symbols, with no obvious gaps in core functionality for the domain.