json-canvas

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual

Open site Project Open in the app JSON README (API)

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.

README

Loading documentation…

[![npm version](https://img.shields.io/npm/v/claude-code-templates.svg)](https://www.npmjs.com/package/claude-code-templates) [![npm downloads](https://img.shields.io/npm/dt/claude-code-templates.svg)](https://www.npmjs.com/package/claude-code-templates) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](CONTRIBUTING.md) [![Sponsored by Z.AI](https://img.shields.io/badge/Sponsored%20by-Z.AI-2563eb?style=flat&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJMMiAyMkgyMkwxMiAyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+)](https://z.ai/subscribe?ic=8JVLJQFSKB&utm_source=github&utm_medium=badge&utm_campaign=readme) [![Claude for Open Source](https://img.shields.io/badge/Claude-Open%20Source%20Program-D97757?style=flat&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIzIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==)](https://claude.com/contact-sales/claude-for-oss) [![Neon Open Source Program](https://img.shields.io/badge/Neon-Open%20Source%20Program-00E599?style=flat)](https://get.neon.com/4eCjZDz) [![GitHub Sponsors](https://img.shields.io/badge/GitHub%20Sponsors-sponsor-EA4AAA?style=flat&logo=githubsponsors&logoColor=white)](https://github.com/sponsors/davila7) [![Buy Me A Coffee](https://img.shields.io/badge/Buy%20Me%20A%20Coffee-support-yellow?style=flat&logo=buy-me-a-coffee)](https://buymeacoffee.com/daniavila) [![GitHub stars](https://img.shields.io/github/stars/davila7/claude-code-templates.svg?style=social&label=Star)](https://github.com/davila7/claude-code-templates) <a href="https://trendshift.io/repositories/15113" target="_blank"> <img src="https://trendshift.io/api/badge/repositories/15113" alt="davila7%2Fclaude-code-templates | Trendshift" style="width: 200px; height: 40px;" width="125" height="40"/> </a> <a href="https://vercel.com/oss"> <img alt="Vercel OSS Program" src="https://vercel.com/oss/program-badge.svg" /> </a>    <a href="https://get.neon.com/4eCjZDz"> <img alt="Neon Open Source Program" src="https://img.shields.io/badge/Neon-Open%20Source%20Program-00E599?style=for-the-badge" /> </a>    <a href="https://claude.com/contact-sales/claude-for-oss"> <img alt="Claude for Open Source" src="https://raw.githubusercontent.com/davila7/claude-code-templates/HEAD/docs/claude-oss-badge.svg" height="48" /> </a> --- <a href="https://www.swiftproxy.net/" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="docs/sponsors/swiftproxy-dark.png" /> <source media="(prefers-color-scheme: light)" srcset="docs/sponsors/swiftproxy-light.png" /> <img src="https://raw.githubusercontent.com/davila7/claude-code-templates/HEAD/docs/sponsors/swiftproxy-light.png" alt="Swiftproxy" width="300" /> </picture> </a> <h3 align="center">Sponsored by <a href="https://www.swiftproxy.net/">Swiftproxy</a></h3> Swiftproxy proudly supports this project. Connect your AI-powered workflows to reliable residential proxies for web data collection, browser automation, and AI-driven research. 90M+ residential IPs across 220+ locations, rotating and static residential proxies, with HTTP(S) and SOCKS5 support. <a href="https://www.swiftproxy.net/"> <img src="https://img.shields.io/badge/Get%2010%25%20off-code%20PROXY90-2563eb?style=for-the-badge" alt="Get 10% off with code PROXY90" /> </a> --- # Claude Code Templates ([aitmpl.com](https://aitmpl.com)) **Ready-to-use configurations for Anthropic's Claude Code.** A comprehensive collection of AI agents, custom commands, settings, hooks, external integrations (MCPs), and project templates to enhance your development workflow. ## Browse & Install Components and Templates **[Browse All Templates](https://aitmpl.com)** - Interactive web interface to explore and install 100+ agents, commands, settings, hooks, and MCPs. <img width="1787" height="958" alt="image" src="https://github.com/user-attachments/assets/d84feaa4-f871-4843-bbee-42d8f51b2f21" /> ## 🚀 Quick Installation ```bash # Install a complete development stack npx claude-code-templates@latest --agent development-team/frontend-developer --command testing/generate-tests --mcp development/github-integration --yes # Browse and install interactively npx claude-code-templates@latest # Install specific components npx claude-code-templates@latest --agent development-tools/code-reviewer --yes npx claude-code-templates@latest --command performance/optimize-bundle --yes npx claude-code-templates@latest --setting performance/mcp-timeouts --yes npx claude-code-templates@latest --hook git/pre-commit-validation --yes npx claude-code-templates@latest --mcp database/postgresql-integration --yes ``` ## What You Get | Component | Description | Examples | |-----------|-------------|----------| | **🤖 Agents** | AI specialists for specific domains | Security auditor, React performance optimizer, database architect | | **⚡ Commands** | Custom slash commands | `/generate-tests`, `/optimize-bundle`, `/check-security` | | **🔌 MCPs** | External service integrations | GitHub, PostgreSQL, Stripe, AWS, OpenAI | | **⚙️ Settings** | Claude Code configurations | Timeouts, memory settings, output styles | | **🪝 Hooks** | Automation triggers | Pre-commit validation, post-completion actions | | **🎨 Skills** | Reusable capabilities with progressive disclosure | PDF processing, Excel automation, custom workflows | ## 🛠️ Additional Tools Beyond the template catalog, Claude Code Templates includes powerful development tools: ### 📊 Claude Code Analytics Monitor your AI-powered development sessions in real-time with live state detection and performance metrics. ```bash npx claude-code-templates@latest --analytics ``` ### 💬 Conversation Monitor Mobile-optimized interface to view Claude responses in real-time with secure remote access. ```bash # Local access npx claude-code-templates@latest --chats # Secure remote access via Cloudflare Tunnel npx claude-code-templates@latest --chats --tunnel ``` ### 🔍 Health Check Comprehensive diagnostics to ensure your Claude Code installation is optimized. ```bash npx claude-code-templates@latest --health-check ``` ### 🔌 Plugin Dashboard View marketplaces, installed plugins, and manage permissions from a unified interface. ```bash npx claude-code-templates@latest --plugins ``` ## 📖 Documentation **[📚 docs.aitmpl.com](https://docs.aitmpl.com/)** - Complete guides, examples, and API reference for all components and tools. ## Contributing We welcome contributions! **[Browse existing templates](https://aitmpl.com)** to see what's available, then check our [contributing guidelines](https://github.com/davila7/claude-code-templates/blob/HEAD/CONTRIBUTING.md) to add your own agents, commands, MCPs, settings, or hooks. **Please read our [Code of Conduct](https://github.com/davila7/claude-code-templates/blob/HEAD/CODE_OF_CONDUCT.md) before contributing.** ## Attribution This collection includes components from multiple sources: **Scientific Skills:** - **[K-Dense-AI/claude-scientific-skills](https://github.com/K-Dense-AI/claude-scientific-skills)** by K-Dense Inc. - MIT License (139 scientific skills for biology, chemistry, medicine, and computational research) **Official Anthropic:** - **[anthropics/skills](https://github.com/anthropics/skills)** - Official Anthropic skills (21 skills) - **[anthropics/claude-code](https://github.com/anthropics/claude-code)** - Development guides and examples (10 skills) **Community Skills & Agents:** - **[obra/superpowers](https://github.com/obra/superpowers)** by Jesse Obra - MIT License (14 workflow skills) - **[alirezarezvani/claude-skills](https://github.com/alirezarezvani/claude-skills)** by Alireza Rezvani - MIT License (36 professional role skills) - **[wshobson/agents](https://github.com/wshobson/agents)** by wshobson - MIT License (48 agents) - **NerdyChefsAI Skills** - Community contribution - MIT License (specialized enterprise skills) **Commands & Tools:** - **[awesome-claude-code](https://github.com/hesreallyhim/awesome-claude-code)** by hesreallyhim - CC0 1.0 Universal (21 commands) - **[awesome-claude-skills](https://github.com/mehdi-lamrani/awesome-claude-skills)** - Apache 2.0 (community skills) - **move-code-quality-skill** - MIT License - **cocoindex-claude** - Apache 2.0 Each of these resources retains its **original license and attribution**, as defined by their respective authors. We respect and credit all original creators for their work and contributions to the Claude ecosystem. ## 📄 License This project is licensed under the MIT License - see the [LICENSE](https://github.com/davila7/claude-code-templates/blob/HEAD/LICENSE) file for details. ## 🔗 Links - **🌐 Browse Templates**: [aitmpl.com](https://aitmpl.com) - **📚 Documentation**: [docs.aitmpl.com](https://docs.aitmpl.com) - **💬 Community**: [GitHub Discussions](https://github.com/davila7/claude-code-templates/discussions) - **🐛 Issues**: [GitHub Issues](https://github.com/davila7/claude-code-templates/issues) ## Stargazers over time [![Stargazers over time](https://raw.githubusercontent.com/davila7/claude-code-templates/HEAD/docs/star-history.svg)](https://www.aitmpl.com/component/skill/git/star-history-chart) --- **⭐ Found this useful? Give us a star to support the project!** [![Sponsor on GitHub](https://img.shields.io/badge/Sponsor%20on%20GitHub-%E2%9D%A4-EA4AAA?style=for-the-badge&logo=githubsponsors&logoColor=white)](https://github.com/sponsors/davila7) [![Buy Me A Coffee](https://img.buymeacoffee.com/button-api/?text=Buy%20me%20a%20coffee&slug=daniavila&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=ffffff)](https://buymeacoffee.com/daniavila)

Details

Type: Agent skills
Topic: Maps, weather & travel
Publisher: aitmpl
Source: directory
Category: Tools
Stars: 33,013
Copies (forks): 3,836
Proposed changes: 379
Last update: 2026-10-31T03:45:34Z
Project status: Active
Language: Python
License: MIT
Added: 2026-08-30 12:46:05
Updated: 2026-09-16 13:03:35
Source id: aitmpl/document-processing/json-canvas

json-canvas

README

More