obsidian-canvas-creator은(는) 무엇을 하나요?
텍스트 콘텐츠를 Obsidian Canvas 파일로 생성하며, MindMap 및 자유형 레이아웃을 지원합니다. 사용자가 콘텐츠를 대화형 캔버스로 시각화하거나, 마인드맵을 만들거나, 정보를 공간적으로 정리하려 할 때 이 스킬을 사용하세요.
텍스트 콘텐츠를 Obsidian Canvas 파일로 생성하며, MindMap 및 자유형 레이아웃을 지원합니다. 사용자가 콘텐츠를 대화형 캔버스로 시각화하거나, 마인드맵을 만들거나, 정보를 공간적으로 정리하려 할 때 이 스킬을 사용하세요.
이 스킬은 텍스트 콘텐츠를 Obsidian Canvas 형식의 파일로 변환합니다. 사용자는 MindMap(마인드맵) 또는 자유형(freeform) 레이아웃 중 원하는 방식으로 정보를 구조화하고 시각적으로 표현할 수 있습니다. Obsidian 노트 작성 도구와 통합되어, 복잡한 아이디어나 계획을 대화형 캔버스로 쉽게 옮길 수 있습니다. 개발자 및 고급 사용자에게 유용하며, AI 에이전트가 사용자 요청을 분석하여 적절한 레이아웃과 노드 구성을 자동으로 생성합니다. 주요 플랫폼(Claude Code, Cursor, Codex 등)과 호환되며, SKILL.md 문서에 정의된 규칙에 따라 동작합니다.
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 및 자유형 레이아웃을 지원합니다. 사용자가 콘텐츠를 대화형 캔버스로 시각화하거나, 마인드맵을 만들거나, 정보를 공간적으로 정리하려 할 때 이 스킬을 사용하세요.
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.