Skip to main content
Glama

다이어그램 그리기

velog_render_diagram

Renders architecture/flow diagrams to PNG, uploads them to Velog, and returns Markdown for embedding. Provide coordinates; auto-layout and self-checks prevent overlaps, crossings, and label misplacement.

Instructions

구성도·흐름도를 그려 PNG 로 만들고 벨로그에 올린다. 본문에 붙일 마크다운을 돌려준다. 좌표만 주면 나머지는 렌더러가 맞춘다 — 노드 폭·캔버스 크기·선 꺾임·라벨 위치는 브라우저 실측으로 정해지고, 글자 삐져나옴/선 관통/선끼리 교차와 겹침/살짝 어긋난 줄은 자가감사가 잡는다. 감사에 걸리면 올리지 않고 무엇이 문제인지 알려준다. 이 판단은 끌 수 없고, 감사에 걸린 산출물은 velog_upload_image 로도 받지 않는다. 고쳐서 다시 그릴 것. 밋밋하게 나오면 입력이 밋밋한 것이다. 사람 손 그림처럼 보이게 하는 셋: 노드마다 icon 과 tag(포트·버전·역할), 관련 노드는 groups 로 묶기, 흐름 종류가 둘 이상이면 planes 로 색 가르기. 나란한 노드는 y 를 맞추면 선이 곧게 나간다. 배치를 먼저 설계한다. 카드는 격자(행 간격 200 안팎)에 두고, 옆으로 나란하면 y 를 같게, 어긋낼 거면 카드 높이 이상 어긋낸다. 한 면에는 나가는 선만 또는 들어오는 선만 둔다. 감사를 피하려고 points·label_at 을 쓰지 않는다(끝이 허공에 뜨거나 라벨이 선에서 떨어지면 감사가 잡는다). 걸리면 카드 자리를 고친다. 아이콘: alert arrow bell bolt branch browser cache chart check clock cloud code cross database file gear key layers lock mail mobile network package retry search server terminal user 톤: slate gray blue green amber yellow purple teal rose indigo

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
altNo이미지 대체 텍스트
edgesNo
nodesYes
titleYes그림 제목 (좌상단)
groupsNo
legendNo
planesNo흐름 종류. 생략하면 요청/외부 호출/데이터/관측 4종
uploadNo
post_idNo붙일 글 id. 주면 벨로그가 내 글인지 확인한 뒤 받는다
subtitleNo한 줄 설명·근거

Schema Changelog

Changes observed during successful MCP inspections.

  1. Changed6 schema fields changedv0.9.2
    • addedInput schema / properties / edges / items / properties / label_at / additionalItems
      Added value: +false
    • addedInput schema / properties / edges / items / properties / label_at / maxItems
      Added value: +2
    • addedInput schema / properties / edges / items / properties / label_at / minItems
      Added value: +2
    • addedInput schema / properties / edges / items / properties / points / items / additionalItems
      Added value: +false
    • addedInput schema / properties / edges / items / properties / points / items / maxItems
      Added value: +2
    • addedInput schema / properties / edges / items / properties / points / items / minItems
      Added value: +2
  2. First observedv0.3.0

TDQS

A4.8/5.0
Behavior5/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

The description discloses several non-obvious behaviors: the tool uploads to Vellog, performs self-inspection, refuses to upload on failure, this judgment cannot be disabled, and failed outputs are rejected even via velog_upload_image. It also explains that auto-layout uses browser measurements and that plain input yields plain output. Annotations provide no such details (only readOnlyHint=false, idempotentHint=false, destructiveHint=false), so the description carries the full burden and exceeds it.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is dense but every sentence adds value. It front-loads the core purpose, then systematically covers behavioral rules, styling tips, layout design, and icon/tone lists. Bold headings structure the guidance, making it scannable. No filler or repetition.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness5/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the tool's complexity (10 params, nested objects, no output schema), the description covers all critical aspects: purpose, side effects, failure modes, layout strategy, styling guidance, and a list of available icons and tones. It explains the auto-layout and inspection behavior thoroughly. While some parameters like legend, upload, post_id are not detailed, they are self-explanatory from the schema. Nothing essential is missing for correct invocation.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters5/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

With only 50% schema coverage, the description compensates by explaining the purpose and recommended usage of points/label_at (discouraged due to inspection), groups (auto-boxing via members), planes (color separation for flow types), icons/tags (to avoid plain output), and layout guidelines (align y, row spacing ~200). It also clarifies that w can be omitted and is measured from text. This goes well beyond the schema's basic descriptions.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool draws composition/flow diagrams, generates PNGs, uploads to Vellog, and returns markdown for embedding. It distinguishes itself from sibling render tools by specifying '구성도·흐름도' (composition/flow) vs. sequence and cover. The verb+resource is specific and unambiguous.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

Provides extensive guidance on when to use the tool and how to structure inputs (grid layout, align y, use groups/planes, avoid points/label_at). It also explicitly warns that failed outputs won't be accepted by velog_upload_image, effectively telling the agent not to bypass the inspection. However, it doesn't explicitly state when to prefer velog_render_sequence or velog_render_cover, leaving the differentiation implicit.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.