json-canvas 是做什麼的？
建立並編輯 JSON Canvas 檔案（.canvas），包含節點、邊線、群組與連接線。適用於處理 .canvas 檔案、建立視覺化畫布、心智圖、流程圖，或當使用者提到 Obsidian 中的 Canvas 檔案時使用。
建立並編輯 JSON Canvas 檔案（.canvas），包含節點、邊線、群組與連接線。適用於處理 .canvas 檔案、建立視覺化畫布、心智圖、流程圖，或當使用者提到 Obsidian 中的 Canvas 檔案時使用。
此技能允許 AI 代理程式以 JSON 格式建立和編輯 Canvas 檔案（.canvas），這些檔案通常用於 Obsidian 等視覺化筆記工具。它支援定義節點、邊線、群組與連接線，讓代理程式能夠以程式化方式產生複雜的視覺佈局，如心智圖、流程圖或概念圖。使用者只需提供節點的文字、位置、大小和顏色，以及節點之間的連接關係。此技能與 Cursor、Claude Code 和 Codex 等平台相容，並提供標準化的 JSON 結構來操作 Canvas 資料。開發人員可以在需要以自動化方式建立或修改視覺化工作流程、腦力激盪圖或專案路線圖時使用此技能。
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.