obsidian-canvas-creator 是做什么的？
从文本内容创建 Obsidian Canvas 文件，支持思维导图和自由布局模式。当用户想要将内容可视化为交互式画布、创建思维导图或在 Obsidian 格式中空间化组织信息时，可使用此技能。
从文本内容创建 Obsidian Canvas 文件，支持思维导图和自由布局模式。当用户想要将内容可视化为交互式画布、创建思维导图或在 Obsidian 格式中空间化组织信息时，可使用此技能。
这个技能允许你从文本内容创建 Obsidian Canvas 文件，支持思维导图和自由布局两种模式。它非常适合将结构化信息转换为可视化、可交互的画布，方便用户进行空间化组织和思考。该技能适用于任何支持自定义技能的 AI 代理平台，如 Claude Code、Cursor 或 Codex 等。其工作原理是解析用户提供的文本，并根据指定的布局模式（MindMap 或 freeform）生成对应的 .canvas 文件，从而在 Obsidian 中打开并直接使用。
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 Canvas 文件，支持思维导图和自由布局模式。当用户想要将内容可视化为交互式画布、创建思维导图或在 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.