axtonliu/axton-obsidian-visual-skills
3 skills6k installs9.8k starsGitHub
Install
npx skills add https://github.com/axtonliu/axton-obsidian-visual-skillsSkills in this repo
1Excalidraw Diagramexcalidraw-diagram is version 1.2.1 agent skill that converts text descriptions into Excalidraw diagrams with three output modes selected by trigger words. Obsidian mode wraps JSON inside Markdown frontmatter for the excalidraw-plugin, standard mode writes pure .excalidraw JSON for excalidraw.com, and animated mode adds customData.animate order fields for excalidraw-animate exports. The workflow detects mode, analyzes concepts and hierarchy, picks a diagram type from flowchart, mind map, hierarchy, relationship, comparison, timeline, matrix, or freeform tables, generates valid element JSON, auto-saves to the working directory, and reports usage instructions. Design rules enforce fontFamily 5 Excalifont text, minimum 16px body fonts, lineHeight 1.25, curated color palettes for text and fills, and canvas bounds near 1200 by 800 pixels. Element templates forbid extra fields like frameId or versionNonce that break excalidraw.com imports. Common mistake guards cover text centering math, overlap spacing, contrast floors, and arrow label length. Animated mode sequences title, frames, connectors, and annotations with order and duration metadata for SVG or WebM export via dai-shi.github.io.2.8kinstalls2Obsidian Canvas CreatorThe obsidian-canvas-creator skill transforms text content into structured Obsidian Canvas JSON files supporting MindMap and freeform layouts. Workflow analyzes input for topics, hierarchy, key points, and existing structure (headings, lists), then maps nodes and edges into canvas coordinates. Use when users want canvases, mind maps, visual diagrams from articles or notes, or spatial organization in Obsidian format. Agents preserve hierarchical relationships in MindMap mode or allow flexible positioning in freeform mode. Output is importable .canvas files compatible with Obsidian Canvas plugin. Converts text to Obsidian Canvas JSON with MindMap or freeform layouts Analyzes headings, lists, and hierarchy before node placement Supports mind maps, visual diagrams, and spatial note organization Output importable as Obsidian .canvas files Triggered by canvas, mind map, or Obsidian Canvas visualization requests obsidian-canvas-creator converts text into Obsidian Canvas files with MindMap or freeform layouts Structured .canvas file with nodes, links, and chosen layout mode User wants Obsidian Canvas, mind map from text, or spatial note layout Obsidian users visualizing notes, outlines, or.1.7kinstalls3Mermaid Visualizermermaid-visualizer is an agent skill from axtonliu/axton-obsidian-visual-skills that 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. # Mermaid Visualizer ## Overview Convert text content into clean, professional Mermaid diagrams optimized for presentations and documentation. Automatically handles common syntax pitfalls (list syntax conflicts, subgraph naming, spacing issues) to ensure diagrams render correctly in Obsidian, GitHub, and other Mermaid-compatible platforms. ## Qu Developers invoke mermaid-visualizer during build/integrations work for ai & agent building tasks. The skill documents triggers, prerequisites, and step-by-step workflows grounded in SKILL.md. Compatible with Claude Code, Cursor, and Codex agent runtimes that load marketplace skills. Review the Security Audits panel on this listing before installing in production environments.1.5kinstalls