AC

agricidaniel/claude-canvas

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

302 stars 品質 50 トレンド 19MIT

agricidaniel/claude-canvas は [https://github.com/agricidaniel/claude-canvas.] からインポートされたエージェントスキルの候補です

概要

agricidaniel/claude-canvas は [https://github.com/agricidaniel/claude-canvas.] からインポートされたエージェントスキルの候補です

概要(AI 翻訳)

オブシディアン・キャンバスのためのAIによってortratedの視覚生産。 プレゼンテーション、フローチャート、気分ボード、知識グラフ、およびインテリジェントなレイアウトとAI生成されたコンテンツのギャラリーを作成します。

ClaudeはCreative Directorとして機能します。あなたが望むものを記述し、完全にポップアップした、専門的にレイアウトされたキャンバスを取得します。

それが何をしているか

-Create は 12 の組み込みのテンプレート(表現、フローチャート、マインドマップ、ギャラリー、ダッシュボード、ストーリーボード、ナレッジグラフ、ムードボード、タイムライン、比較、カンバン、プロジェクト概要)からキャンバスを作成します。 -画像、テキスト、PDF、wikiのメモ、Webリンク、マーメイドの図、SVG、GIFでをPopulate** -Layout 6つのアルゴリズム(dagre、格子、放射状、力間接された、線形、自動検出) -Presentは、高度なキャンバスプラグインサポート(1200x675スライドグループとエッジナビゲーション)

  • Generate AI 生成された画像とコンテンツを使用して、単一の説明からキャンバス全体を生成します -PNG、SVG、またはPDFへのエクスポート

インストール

##ClaudeコードCLI

##クローン

既存のプロジェクトに追加

コマンド

| ごあいさつ | クロード | お問い合わせ | [/canvas | ノード数とゾーンのキャンバス一覧 | | [/canvas create my-board | ブランクキャンバスを新規作成 |

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

claude-canvas

AI-orchestrated visual production for Obsidian Canvas. Create presentations, flowcharts, mood boards, knowledge graphs, and galleries with intelligent layout and AI-generated content.

Claude acts as Creative Director — describe what you want and get a fully populated, professionally laid-out canvas.

What It Does

  • Create canvases from 12 built-in templates (presentation, flowchart, mind map, gallery, dashboard, storyboard, knowledge graph, mood board, timeline, comparison, kanban, project brief)
  • Populate with images, text, PDFs, wiki notes, web links, Mermaid diagrams, SVGs, GIFs
  • Layout with 6 algorithms (dagre, grid, radial, force-directed, linear, auto-detect)
  • Present with Advanced Canvas plugin support (1200x675 slide groups with edge navigation)
  • Generate entire canvases from a single description using AI-generated images and content
  • Export to PNG, SVG, or PDF

Install

Claude Code CLI

claude plugin install AgriciDaniel/claude-canvas

Clone

git clone https://github.com/AgriciDaniel/claude-canvas.git ~/Desktop/claude-canvas

Add to existing project

claude plugin add ~/Desktop/claude-canvas

Commands

You say Claude does
/canvas List canvases with node counts and zones
/canvas create my-board Create a new blank canvas
/canvas create launch from presentation Create from template archetype
/canvas add image photo.png Add image node with auto aspect ratio
/canvas add text "# Title" Add markdown text card
/canvas add banana "hero shot" Generate AI image via /banana, add to canvas
/canvas add mermaid "graph LR..." Add Mermaid diagram (renders natively)
/canvas zone "Research" 5 Create a cyan-colored zone
/canvas connect node-a node-b Add edge between nodes
/canvas from banana Import recent AI-generated images
/canvas layout dagre Re-layout with hierarchical algorithm
/canvas layout auto Auto-detect best algorithm
/canvas present "Q3 Review" Build presentation canvas
/canvas generate "mood board for cyberpunk game" Full AI-orchestrated generation
/canvas template list Browse 12 archetypes
/canvas export png Export canvas to PNG

Templates

Archetype Layout Use Case
presentation Linear vertical Slide decks for Advanced Canvas
flowchart Sugiyama/dagre Process documentation
mind-map Radial center-out Idea exploration
gallery Grid Image showcases
dashboard Grid variable Project status boards
storyboard Linear horizontal Video/animation planning
knowledge-graph Force-directed Entity relationships
mood-board Asymmetric grid Creative direction
GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add agricidaniel/claude-canvas
MCP 初心者?mcpskill.org のガイドから始めましょう →