obsidian-canvas-creator は何をしますか？
テキストコンテンツからObsidian Canvasファイルを作成します。MindMapとフリーフォームレイアウトの両方をサポートしています。ユーザーがコンテンツをインタラクティブなキャンバスとして視覚化したい場合、マインドマップを作成したい場合、または情報をObsidian形式で空間的に整理したい場合にこのスキルを使用してください。
テキストコンテンツからObsidian Canvasファイルを作成します。MindMapとフリーフォームレイアウトの両方をサポートしています。ユーザーがコンテンツをインタラクティブなキャンバスとして視覚化したい場合、マインドマップを作成したい場合、または情報をObsidian形式で空間的に整理したい場合にこのスキルを使用してください。
このスキルは、テキストコンテンツをObsidian Canvasファイルに変換するために設計されています。Obsidian Canvasは、ノートやアイデアを視覚的に整理・接続できるインタラクティブな図式化ツールです。このスキルはMindMap（放射状レイアウト）とフリーフォーム（自由配置）の2つのレイアウトモードをサポートしており、ユーザーは情報を階層的または空間的に構造化できます。AIエージェント（Claude CodeやCursorなど）上で動作し、指定されたテキストを解析して、Obsidianでそのまま読み込める.canvasファイルを生成します。これにより、複雑な情報の視覚的な整理、発想のマッピング、プロジェクト計画の俯瞰などが容易になります。開発者や技術ライターにとって、大量のテキストデータを直感的なキャンバス図に変換する強力なツールです。
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ファイルを作成します。MindMapとフリーフォームレイアウトの両方をサポートしています。ユーザーがコンテンツをインタラクティブなキャンバスとして視覚化したい場合、マインドマップを作成したい場合、または情報を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.