json-canvas 是做什么的？
创建和编辑 JSON Canvas 文件（.canvas），支持节点、边、分组和连接。适用于处理 .canvas 文件、创建可视化画布、思维导图、流程图，或当用户提到 Obsidian 中的 Canvas 文件时。
创建和编辑 JSON Canvas 文件（.canvas），支持节点、边、分组和连接。适用于处理 .canvas 文件、创建可视化画布、思维导图、流程图，或当用户提到 Obsidian 中的 Canvas 文件时。
该技能用于创建和编辑 JSON Canvas 格式的文件（扩展名为 .canvas），这是一种用于表示可视化画布的结构化数据格式。它支持节点、边（连接线）、分组以及连接点等核心元素，非常适合用于构建思维导图、流程图、UI 草图或其他基于节点的可视化内容。该技能通常与 Obsidian（一个流行的知识管理工具）中的 Canvas 功能协同使用，但也可独立应用于其他支持 JSON Canvas 标准的场景。通过此技能，AI Agent 能够直接生成或修改 .canvas 文件，帮助用户快速搭建视觉化的工作区，提升信息组织和构思表达效率。支持的平台包括 Claude Code、Cursor 以及其他兼容 JSON Canvas 规范的 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.