obsidian-canvas-creator 是做什麼的？
從文字內容建立 Obsidian 畫布檔案，支援心智圖與自由形式佈局。當使用者想要將內容視覺化為互動式畫布、建立心智圖或以空間方式整理資訊為 Obsidian 格式時，使用此技能。
從文字內容建立 Obsidian 畫布檔案，支援心智圖與自由形式佈局。當使用者想要將內容視覺化為互動式畫布、建立心智圖或以空間方式整理資訊為 Obsidian 格式時，使用此技能。
此技能允許使用者從純文字內容動態生成 Obsidian 畫布 (.canvas) 檔案。它支援兩種佈局模式：心智圖 (MindMap) 和自由形式 (freeform)，前者適合層次化呈現想法，後者則提供靈活的位置安排。對於開發者或研究人員而言，這項技能極為有用，因為它能將結構化文字（如大綱、JSON 資料或清單）轉換為視覺地圖，從而簡化複雜資訊的腦力激盪、專案規劃與知識組織。它可與 Claude Code、Cursor 等工具整合，並透過腳本或 API 呼叫來觸發。底層機制依賴於 Obsidian 畫布檔案的 JSON 格式，該格式定義了節點、邊緣與佈局，技能則根據使用者輸入自動建構此結構。
npx skills add https://github.com/axtonliu/axton-obsidian-visual-skills/tree/main/skills/obsidian-canvas-creatorInstalled? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
從文字內容建立 Obsidian 畫布檔案，支援心智圖與自由形式佈局。當使用者想要將內容視覺化為互動式畫布、建立心智圖或以空間方式整理資訊為 Obsidian 格式時，使用此技能。
This repo contains 2 individual skills — each has its own dedicated page.
Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "画图", "流程图", "思维导图", "可视化", "diagram", "标准Excalidraw", "standard excalidraw", "Excalidraw动画", "动画图", "animate".
Transform text content into professional Mermaid diagrams for presentations and documentation. Use when users ask to visualize concepts, create flowcharts, or make diagrams from text. Supports process flows, system architectures, comparisons, mindmaps, and more with built-in syntax error prevention.
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.