Vithanco Graph Language 텍스트를 사용하여 IBIS map, 컨셉 맵, 인과 관계 루프 다이어그램과 같은 구조화된 다이어그램을 생성합니다.
다른 이름 Vithanco/VGraph, vgraph, @vithanco/vgraph-mcp
- 스타
- 0
- Tools
- —
- 다운로드, 30일
- —
- 최신 버전
- 1.0.9
- 마지막 커밋
- 2026년 11월 13일
- 라이선스
- Apache-2.0
VGraph MCP란?
VGraph은(는) MCP server입니다. Vithanco Graph Language 텍스트를 사용하여 IBIS map, 컨셉 맵, 인과 관계 루프 다이어그램과 같은 구조화된 다이어그램을 생성합니다.
프로젝트 README에서 생성된 요약
VGraph MCP server 정보
vgraph-mcp는 개발자와 사고가들이 텍스트를 구조화된 시각적 다이어그램으로 변환할 수 있게 해줍니다. 사용자는 Vithanco Graph Language (VGL)를 사용하여 모든 노드와 엣지가 특정 의미를 갖는 타입 지정 네트워크 그래프를 정의할 수 있습니다. 이를 통해 간단한 텍스트 형식만으로 IBIS map, 인과 관계 루프 다이어그램, C4 모델과 같은 복잡한 추론 도구를 생성할 수 있습니다.
사용자는 npx @vithanco/vgraph-mcp를 사용하여 이 서버를 로컬에서 실행하거나 호스팅된 버전에 연결할 수 있습니다. 엔진은 이러한 정의를 SVG 형식으로 렌더링하여 서로 다른 환경에서도 다이어그램이 일관되게 유지되도록 합니다. Impact Mapping, Decision Trees, Timeline, Attack-Defense Trees를 포함한 다양한 내장 표기법을 지원하며, 사용자 정의 표기법 선언도 가능합니다.
활용 사례
- 1의사 결정 추론 맵 생성특정 제품 결정에 대한 질문, 답변, 장점 및 단점을 시각화하기 위해 IBIS map을 생성합니다.
- 2시스템 아키텍처 시각화텍스트 설명을 C4 다이어그램으로 변환하여 소프트웨어 아키텍처를 표현합니다.
- 3인과 관계 모델링인과 관계 루프 다이어그램을 사용하여 복잡한 피드백 루프를 설계합니다.
프로젝트의 README를 바탕으로 작성되었습니다. 모든 활용 사례는 해당 내용의 인용문과 대조하여 확인합니다.
VGraph MCP 설치 방법
형식 확인: 2026년 11월 10일Claude Code에 VGraph MCP 설치
$ claude mcp add vgraph -- npx -y @vithanco/vgraph-mcpCursor에 VGraph MCP 설치
~/.cursor/mcp.json
{
"mcpServers": {
"vgraph": {
"command": "npx",
"args": [
"-y",
"@vithanco/vgraph-mcp"
]
}
}
}VS Code에 VGraph MCP 설치
.vscode/mcp.json
{
"servers": {
"vgraph": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@vithanco/vgraph-mcp"
]
}
}
}Claude Desktop에 VGraph MCP 설치
claude_desktop_config.json
{
"mcpServers": {
"vgraph": {
"command": "npx",
"args": [
"-y",
"@vithanco/vgraph-mcp"
]
}
}
}Codex에 VGraph MCP 설치
~/.codex/config.toml
[mcp_servers.vgraph] command = "npx" args = ["-y", "@vithanco/vgraph-mcp"]
Gemini CLI에 VGraph MCP 설치
~/.gemini/settings.json
{
"mcpServers": {
"vgraph": {
"command": "npx",
"args": [
"-y",
"@vithanco/vgraph-mcp"
]
}
}
}자동 검사
2026년 11월 14일에 실행됨전체 보고서 →자동 검사를 통과했습니다. 이는 보안 감사가 아닙니다. 코드를 직접 읽고 서버에 필요한 최소한의 권한만 부여하십시오. 검사 방식
- 소스 저장소 연결 및 접근 가능vithanco/vgraph is public and reachablegithub.com/vithanco/vgraph ↗통과
- 패키지가 이 저장소를 소스로 지정@vithanco/vgraph-mcp names vithanco/vgraph as sourcenpmjs.com/package/@vithanco/vgraph-mcp ↗통과
- 빌드 출처(Sigstore 증명)No build attestation published for this release검사되지 않음
- 오픈 소스 라이선스 (OSI)Apache-2.0spdx.org/licenses/Apache-2.0.html ↗통과
- 최근 1년 내 커밋 또는 릴리스Last commit or release 2026-11-13github.com/vithanco/vgraph ↗통과
- OpenSSF Scorecard검사되지 않음
- 패키지 이름이 인기 패키지와 유사하지 않음No popular package one edit away from @vithanco/vgraph-mcp통과
- 패키지와 의존성에 심각한 보안 권고 없음101 resolved dependencies checked; no critical advisoryosv.dev ↗통과
- 모델에 대한 숨겨진 지침 없음0 tool descriptions and the README read; no override phrases, credential paths or hidden characters통과
- 파괴적인 도구에 라벨 표시됨검사되지 않음
- 원격 endpoint가 MCP 핸드셰이크에 응답Endpoint did not answer initialize: HTTP 200결함 발견
README
GitHub에서 보기VGraph
Vithanco stands for Visual Thinking and Communication. It helps you think in a structured way by drawing typed network graphs. In a typed graph every node and every edge has a meaning of its own: in an IBIS map a Question, an Answer, a Pro and a Con are different things, and the notation says how they may be connected. The drawing becomes a way of reasoning, and a way of explaining that reasoning to someone else.
VGraph is the open-source engine behind it. It lays a typed graph out and draws it as SVG. The Vithanco Graph Language (VGL) is only the how: a small text format in which these diagrams are written down, stored and shared. The same Swift code runs natively and, compiled to WebAssembly, in the browser, in Obsidian, in VS Code and behind an MCP server, so a diagram looks the same everywhere.
vgraph decision: IBIS "Should we ship the plugin?" {
node q1: Question "Should we ship?";
node a1: Answer "Yes, soon";
node p1: Pro "Users have asked for it";
node c1: Con "Docs are still thin";
edge q1 -> a1;
edge a1 -> p1;
edge a1 -> c1;
}
A notation is the vocabulary of a diagram: it fixes the node and edge types and how they look. Every document names one. These ship with VGraph: IBIS, BBS, Impact Mapping, Concept Map, Current Reality Tree, Evaporating Cloud, Future Reality Tree, Prerequisite Tree, Transition Tree, Attack-Defense Tree, Goal Tree, Causal Loop Diagram, Decision Tree, Timeline, C4 and Arithmetic. A document can also declare notations of its own. The VGL guide has the whole language.
Ways to use it
| Web editor | vithanco.com/editor: write VGL, see the diagram, edit it on the canvas |
| Obsidian | obsidian-vithanco: a vgl code block becomes a diagram |
| VS Code | vscode-vithanco |
| MCP server | npx @vithanco/vgraph-mcp runs it locally; https://mcp.vithanco.com/mcp is hosted. Details |
| Command line | vgraph-cli, built from this repository |
| Swift package | the VGraph, VGLanguage and VGraphSVG libraries |
Building
Two tiers, so a parser fix does not send you through a toolchain install:
- Native only.
swift buildandswift testneed nothing but a Swift 6.4 toolchain. - With the wasm build.
just build,just test, the wasm smoke tests and the editor's browser tests also need Node,jq,binaryen,wabt,justand the Embedded Swift SDK that matches.swift-version.
Install the toolchain with swiftly, then
the SDK. One bundle holds both the plain and the -embedded SDK, and its version
must equal .swift-version. The checksum is per release; take it from
swift.org's WebAssembly guide.
V=$(cat .swift-version)
swiftly install "$V" && swiftly use "$V"
swift sdk install "https://download.swift.org/swift-$V-release/wasm-sdk/swift-$V-RELEASE/swift-$V-RELEASE_wasm.artifactbundle.tar.gz" \
--checksum <checksum for $V from the guide>
just doctor lists what is missing; a missing SDK is reported but does not fail
it.
just build # compile everything: wasm, command line, MCP server
just test # build, then the full suite: Swift, wasm smoke tests, editor browser tests
just # everything else
For most changes swift test is the quick loop. The Obsidian and VS Code
plugins are separate repositories; just plugins-setup clones them next to this
one, and the build and test recipes use them when they are there.
How it is organised
VGraph is built as hexagons: a pure domain at the centre, ports that name each conversation with the outside, and adapters at the edge. The parser, the SVG renderer and the Graphviz layout are separate targets that know only the core. Why it is shaped this way and where a change goes are written down, as are the decisions behind the design (ADRs) and the visual rules (design guide).
Contributing
Pull requests are welcome, and so are issues. Start with CONTRIBUTING.md.
Licence
Apache-2.0, see LICENSE. Third-party works, among them Graphviz and the DM Sans typeface, are listed in NOTICE. The Vithanco name and logo are not covered by the licence: the artwork is all rights reserved, and a fork should use a name and a logo of its own. See graphics/README.md for what is allowed.
VGraph MCP 질문
VGraph MCP를 Claude Code에 추가하려면 어떻게 하나요?
터미널에서 claude mcp add vgraph -- npx -y @vithanco/vgraph-mcp를 실행합니다. 모든 프로젝트에서 사용할 수 있게 하려면 --scope user를 추가합니다.
VGraph MCP를 Cursor에 추가하려면 어떻게 하나요?
~/.cursor/mcp.json를 열고 mcpServers 아래에 서버를 추가합니다. 위 설치 섹션에 표시된 Cursor 구성을 사용합니다.
VGraph로 어떤 종류의 다이어그램을 만들 수 있나요?
IBIS, Concept Maps, Causal Loop Diagrams, Timelines, C4, Decision Trees를 포함한 매우 다양한 표기법을 지원합니다.
VGraph 언어는 어떻게 구성되어 있나요?
Vithanco Graph Language (VGL)는 다이어그램을 작성, 저장 및 공유하는 데 사용되는 소규모 텍스트 형식입니다.
VGraph를 로컬에서 실행할 수 있나요?
네, npx를 사용하거나 CLI 도구로 로컬에서 실행할 수 있습니다.