Diagramming

json-canvas は、Obsidianスタイルのボード向けに有効な `.canvas` ファイルを作成・編集するためのスキルです。nodes、edges、IDs、座標、groups、references などを正しい構造で扱えます。

baoyu-infographicは、21種類のレイアウトと20種類のスタイルに対応した、構造化インフォグラフィック作成用のプロンプトフレームワークです。元になる内容を分析し、適切なレイアウトやスタイルを選び、UIデザイン、比較、ワークフロー、そのほか情報量の多い解説向けに、わかりやすいビジュアル要約を生成するのに役立ちます。

secure-workflow-guide は、Solidity のセキュリティワークフローを 5 ステップで整理して案内します。Slither による一次切り分け、機能別チェック、目視確認、セキュリティ特性のメモ、手動レビューまでをカバーします。デプロイ前やリリース前に、スマートコントラクトチーム、監査担当、開発者が再現性のある secure-workflow-guide を使いたいときに向けた内容です。

diagram-generator は、構造化入力から draw.io、Mermaid、Excalidraw の図を作成・編集するのに役立ちます。フローチャート、シーケンス図、クラス図、ER 図、マインドマップ、アーキテクチャ図、ネットワークトポロジーに対応し、既存の .drawio、.mmd、Excalidraw ファイルも読み取れるため、更新作業をスムーズに進められます。

excalidraw-diagram は、単に箱や矢印を並べるだけでなく、視覚的に論旨が伝わる Excalidraw JSON 図を作成する skill です。ワークフロー、アーキテクチャ、シーケンスフロー、意思決定の分岐、概念図など、構造・読みやすさ・実際の関係性が重要な場面に向いています。インストール手順、レンダリングを意識したチェック、よりよい図作成のための実践的なワークフローも含まれています。

fireworks-tech-graphは、システム説明を本番投入可能なSVGおよびPNGの図に変換するためのdiagramming skillです。インストール手順、補助スクリプト、検証、テンプレート、スタイル参照を備えており、技術図、アーキテクチャのフローチャート、シーケンス図、関連するビジュアルワークフローに対応します。

mermaid-diagrams は、flowcharts、sequence diagrams、class diagrams、ERDs、C4、architecture diagrams までをカバーする実践的な Mermaid リファレンスです。図の種類を適切に選び、リポジトリ内の参考資料をたどりながら、バージョン管理しやすくドキュメントに組み込みやすい図を作成できます。プロンプト設計やレンダラー差分を意識した構文づくりにも役立ちます。

excalidraw は、ノイズの多い `.excalidraw` JSON をサブエージェントに委譲することで、Excalidraw 図の説明・更新・作成を進めやすくするワークフロースキルです。アーキテクチャ図、フローチャート、図を踏まえたタスクを、メインエージェントのコンテキストを圧迫せずに扱いたいときに向いています。

uml スキルは、クラス図、シーケンス図、アクティビティ図、状態遷移図、コンポーネント図、ユースケース図、配置図など、ソフトウェアモデリング向けの PlantUML 図を作成するのに役立ちます。コード、ドキュメント、リポジトリ内のワークフローに対して、編集可能で自動整列されるテキスト先行の図を必要とする場合に、Diagramming 用の uml を使ってください。階層的なアーキテクチャ、チャート、BPMN ワークフローには向いていません。

security skill は、ID 管理、暗号化、ファイアウォール、コンプライアンス、脅威検知を扱う AWS ステンシル付きの PlantUML セキュリティアーキテクチャ図を作成します。IAM フロー、ゼロトラスト設計、暗号化パイプライン、Security Audit 図、レビュー用ドキュメントに適しています。一般的なクラウドインフラや汎用 UML モデリング向けではありません。

network skill を使うと、mxGraph のデバイスアイコン、自動レイアウト、ゾーン分け、明確なリンク表現を備えた PlantUML のネットワークトポロジ図を作成できます。LAN、WAN、企業ネットワーク、データセンター、無線、セキュリティ、ベンダー固有の図に適しており、network の使い方の例と、network と uml や cloud の使い分けの指針も含まれています。

PlantUML で、デバイス、センサー、ゲートウェイ、エッジ、クラウドサービスのアイコンを使った IoT アーキテクチャ図を作成します。iot skill は、スマートホーム、産業用 IoT、車両テレメトリ、センサーネットワーク、デジタルツイン、ロボティクスに最適です。汎用的なクラウド図や UML 図ではなく、IoT の用語とアイコン表現を明確にしたいときに使ってください。

graphviz は、DOT ベースで自動レイアウトの有向グラフ・無向グラフを作成するための図解スキルです。依存関係ツリー、呼び出しグラフ、パッケージ階層、所有関係マップなど、手動の配置よりも読みやすい構造が重要な graphviz for Diagramming の用途に向いています。エージェントが妥当な DOT を生成しやすくなり、レンダリングエラーも減らせます。

data-analytics skill は、ETL、ELT、データレイク、データウェアハウス、ストリーミングパイプライン、ログ分析、BI ダッシュボードを含むデータ分析ワークフロー向けの PlantUML 図を作成します。ソースからデスティネーションへの流れが明確に伝わる表現、AWS の分析・データベース用ステンシル、そして一般的なソフトウェア図やクラウドアーキテクチャ図ではなく、実務で使える data-analytics ガイド出力に最適化されています。

cloudスキルを使って、AWS、Azure、GCP、Alibaba Cloud、IBM Cloud、OpenStack の公式プロバイダー用ステンシルアイコンを使った PlantUML のクラウドアーキテクチャ図を作成できます。Cloud Architecture 向けの有力なクラウドガイドで、インストールと利用パターン、サービス境界、実運用の図に適したフローを意識したレイアウトまでカバーします。

canvas は、自由配置と明示的な x/y 座標を使って JSON Canvas ダイアグラムを作成します。マインドマップ、ナレッジグラフ、コンセプトマップ、計画ボードなど、順序よりも空間配置が重要なダイアグラム作成ワークフローに適しています。フロー図やデータチャートには適しません。編集可能なノード、リンク、構造化レイアウトが必要な場合に canvas skill を使ってください。

archimate は、PlantUML で `!include <archimate/Archimate>` を使って ArchiMate 図を作成できるようにする skill です。型付きの要素マクロとリレーションシップマクロを備え、ビジネス、アプリケーション、テクノロジー、モチベーション、移行計画といった階層的なエンタープライズアーキテクチャのビューに適しています。構造化された EA 記法が必要な Diagramming で使うもので、一般的なクラウド図やネットワーク図の代わりではありません。

bpmn は、PlantUML で BPMN、EIP、Lean Mapping のステンシルアイコンを使った業務プロセス図や連携図を作成するのに役立ちます。ワークフロー自動化、承認、オーケストレーション、メッセージング、ETL、バリューストリームマッピング向けに設計されており、bpmn を使うべき場面と、代わりに uml や vega を選ぶべき場面も明確に案内します。

architecture は、HTML と CSS を使ってレイヤー構成のシステム図を作るためのダイアグラム作成技能です。色分けされたセクション、グリッドレイアウト、明確なコンポーネント階層を備えています。ユーザー／アプリケーション／データ／インフラの図、マイクロサービスの構成図、エンタープライズアーキテクチャに最適です。Diagramming の出力で、素早く編集しやすい architecture を求めるなら、汎用プロンプトの代わりに使うのが効果的です。

json-canvas は、Obsidian やそのほかの JSON Canvas 対応アプリ向けに、有効な .canvas ファイルをエージェントが作成・編集するのを支援するスキルです。マインドマップ、フローチャート、軽量な図解ワークフローに必要なノード、エッジ、グループ、位置情報、レイヤー順を、構造的に正しい形で生成できます。

inline SVGを使った洗練されたダークテーマのアーキテクチャ図を、単体のHTMLファイルとして作成します。architecture-diagramスキルは、システムアーキテクチャ、インフラ、クラウド、セキュリティ、ネットワークトポロジーの図に最適化されており、ブラウザですぐ使えるビジュアルを、意味のある色分け、明確なコンポーネント関係、一貫した技術スタイルで提供します。

markdown-mermaid-writing は、科学・技術文書のための Markdown と Mermaid による図解作成スキルです。ワークフロー、アーキテクチャ、分析、レポートを、編集しやすいテキスト先行のドキュメントに変換し、わかりやすい図、バージョン管理との相性の良さ、Technical Writing に役立つ実践的な markdown-mermaid-writing の使い方を実現します。

hand-drawn-diagramsは、自然言語の指示を手描き風のExcalidraw図、フロー、解説図、ワイヤーフレーム、ページモックアップに変換するスキルです。出力の検証にも対応しており、編集用URLとエクスポート可能な画像を返せます。洗練されたベクターアートではなく、スケッチ風の見た目で素早く図解したいときに最適です。