json-canvas은(는) 무엇을 하나요?
JSON Canvas 파일(.canvas)을 노드, 엣지, 그룹, 연결로 생성하고 편집합니다. .canvas 파일 작업, 시각적 캔버스, 마인드 맵, 순서도 생성 또는 사용자가 Obsidian의 Canvas 파일을 언급할 때 사용하세요.
JSON Canvas 파일(.canvas)을 노드, 엣지, 그룹, 연결로 생성하고 편집합니다. .canvas 파일 작업, 시각적 캔버스, 마인드 맵, 순서도 생성 또는 사용자가 Obsidian의 Canvas 파일을 언급할 때 사용하세요.
이 스킬은 JSON Canvas 형식을 사용하여 `.canvas` 파일을 생성하고 편집하는 데 특화되어 있습니다. 개발자와 AI 에이전트가 Obsidian과 같은 도구에서 사용되는 시각적 캔버스, 마인드 맵, 순서도를 프로그래밍 방식으로 조작할 수 있도록 지원합니다. 노드, 엣지, 그룹 및 연결을 추가, 수정, 제거하는 기능을 제공하며, `.canvas` 파일의 계층적 레이아웃과 시각적 속성을 완벽히 제어할 수 있습니다. 주로 Obsidian Canvas 파일 작업 시 유용하며, AI 에이전트가 사용자 요청에 따라 동적으로 시각적 구조를 생성하거나 수정할 때 활용됩니다. 명령줄 도구나 API 없이도 순수 Markdown 기반의 스킬 정의를 통해 작동하므로, Claude Code, Cursor, Codex 등 다양한 AI 코딩 어시스턴트에서 사용할 수 있습니다.
npx skills add https://github.com/kepano/obsidian-skills/tree/main/skills/json-canvasInstalled? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
JSON Canvas 파일(.canvas)을 노드, 엣지, 그룹, 연결로 생성하고 편집합니다. .canvas 파일 작업, 시각적 캔버스, 마인드 맵, 순서도 생성 또는 사용자가 Obsidian의 Canvas 파일을 언급할 때 사용하세요.
This repo contains 5 individual skills — each has its own dedicated page.
Extract clean markdown content from web pages using Defuddle CLI, removing clutter and navigation to save tokens. Use instead of WebFetch when the user provides a URL to read or analyze, for online documentation, articles, blog posts, or any standard web page. Do NOT use for URLs ending in .md — those are already markdown, use WebFetch directly.
Render Markdown from templates and structured data using Knap CLI. Use when the user asks to apply a Knap template, turn JSON or CSV data into notes, batch-generate Markdown files, or format Defuddle output into a note.
Create and edit Obsidian Bases (.base files) with views, filters, formulas, and summaries. Use when working with .base files, creating database-like views of notes, or when the user mentions Bases, table views, card views, filters, or formulas in Obsidian.
Interact with Obsidian vaults using the Obsidian CLI to read, create, search, and manage notes, tasks, properties, and more. Also supports plugin and theme development with commands to reload plugins, run JavaScript, capture errors, take screenshots, and inspect the DOM. Use when the user asks to interact with their Obsidian vault, manage notes, search vault content, perform vault operations from the command line, or develop and debug Obsidian plugins and themes.
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.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.