charts-flow
✓SVG 自動生成による Mermaid アーキテクチャ図の作成と管理
SKILL.md
The charts-flow skill automates creation and management of Mermaid diagrams for technical documentation. It separates diagram source files from main documents to improve rendering performance, provides automatic SVG conversion for human viewing, and maintains traceability between parent documents and diagram files.
| Parent File Path | Absolute path to main document | {projectroot}/docs/PRD/PRD-01multiagentsystemarchitecture.md | | Diagram Description | Short name for diagram | 3tieragenthierarchy | | Diagram Type | Architecture diagram type | flowchart, sequence, class, state, component, deployment |
| Migration Mode | Extract existing diagrams from document | false (create new) | | Diagram Title | Human-readable title | Derived from description | | Styling Preferences | Color scheme, layout direction | Project defaults |
SVG 自動生成による Mermaid アーキテクチャ図の作成と管理 ソース: vladm3105/aidoc-flow-framework。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/vladm3105/aidoc-flow-framework --skill charts-flow- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
charts-flow とは？
SVG 自動生成による Mermaid アーキテクチャ図の作成と管理 ソース: vladm3105/aidoc-flow-framework。
charts-flow のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vladm3105/aidoc-flow-framework --skill charts-flow インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/vladm3105/aidoc-flow-framework
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01