Obsidian Graph View Agent Skill

Render Obsidian-style weighted graph views from book JSON, keyword indexes, TOCs, card data, or node-link data. Use when the user asks for Obsidian graph view, graph view png, weighted graph, keyword graph, directory-keyword graph, spherical graph visualization, or high-weight nodes centered with clear Chinese labels.

3k tokens

context cost

the whole folder, loaded on every use

files

ships runnable scripts

copies elsewhere

how many repositories repackaged it

256

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/twhsi/skills --skill obsidian-graph-view

The instruction itself

7 sections, as written by the author

Obsidian Graph View

Create an Obsidian-like graph visualization from structured note/book data.

Default Output

Produce three files when possible:

*.png for direct viewing and sharing
*.svg for editable vector output
*.html for browser re-rendering

Prefer PNG dimensions around 1800 x 1300 unless the user asks otherwise.

Visual Rules

Put higher-weight nodes closer to the center.
Push lower-weight nodes to outer rings.
Use a spherical / ball-like node style with radial glow.
Use different colors for different main Trails / note-sequence lines.
If a node belongs to two Trails, render it as a two-color taiji-like sphere to show a note-sequence crossing point.
Keep labels in Traditional Chinese readable: use large PingFang TC / Heiti TC / system CJK fonts, white text, dark translucent label boxes, and avoid placing labels directly on dark edges.
Use a dark Obsidian-like background.
Use node area, not radius, to represent weight. If the user says "放大兩倍面積", double the computed node area.
Use semantic Trail colors rather than only node-type colors when main lines are available.
Prefer undirected soft lines for Obsidian-style graph view; use arrows only if the user asks for directional semantics.
Keep top-node count configurable. If the user corrects the count, update the graph and file names accordingly.

Data Mapping

For EPUB/project-note JSON:

toc[] becomes chapter or directory nodes.
index[] becomes keyword nodes.
index[].links[] becomes keyword-to-chapter edges.
toc[].cjk_count, keyword weight, and index link weights contribute to node size.
chunks[].keyword_backlinks[] can be used to enrich link weights.

For generic graph JSON:

Accept nodes[] with id, label, weight, and optional kind.
Accept edges[] with source, target, and optional weight.

Workflow

Inspect the JSON schema and identify node candidates, weights, and links.
Select the top N nodes by descending weight; default to 15 if the user asks for a focused graph.
Lay out nodes with the largest weight at center, next largest on an inner ring, and lower weights on outer rings.
Render SVG and HTML first.
Use headless Chrome or another reliable renderer to export PNG.
Verify the PNG file dimensions and visually inspect if possible.

Trail Color Semantics

When the data does not already provide Trail groups, infer them from repeated keywords, chapter labels, or user-provided concepts. For example:

危機演化線: 馬爾薩斯、達爾文、危機、演化
夢想救援線: TARS、Brand、Plan A、夢想、救援
檢查背叛線: 曼恩、異常、數據、背叛、檢查
卡片系統線: Agent、Skill、卡片盒、半人馬、五維空間

If a node matches two Trail groups, draw it as a two-color taiji sphere and keep the label explicit.

Script

Use scripts/render_obsidian_graph_view.py as the starting point for JSON-to-SVG/HTML/PNG graph rendering. Patch the script for project-specific schemas rather than rewriting from scratch.

Other skills for the same job

different authors, same section of the catalogue

DOCX

by anthropics

vendor ×16

Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks

Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text/tables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting/decrypting PDFs, extracting images, and OCR on scanned PDFs to make them searchable. If the user mentions a .pdf file or asks to produce one, use this skill.

Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when extracting or reorganizing content from .docx files, inserting or replacing images in documents, performing find-and-replace in Word files, working with tracked changes or comments, or converting content into a polished Word document. If the user asks for a 'report', 'memo', 'letter', 'template', or similar deliverable as a Word or .docx file, use this skill. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.

Use this skill any time a .pptx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates, layouts, speaker notes, or comments. Trigger whenever the user mentions \"deck,\" \"slides,\" \"presentation,\" or references a .pptx filename, regardless of what they plan to do with the content afterward. If a .pptx file needs to be opened, created, or touched, use this skill.

Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embeds, or Obsidian notes.

3k tokens

How to use it

Copy the folder

Take twhsi/obsidian-graph-view from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.