
agricidaniel/claude-canvas
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
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 |
推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add agricidaniel/claude-canvas