svg-diagram

コーディングエージェントが一貫した手描きSVG図を作成し、ローカルのリンターで確認するためのスキルです。

Xで共有ライセンス: MIT

概要

svg-diagramは、コーディングエージェントがアーキテクチャ図、フローチャート、シーケンス図、データフロー図、ライフサイクル図を手作業で配置したSVGとして作成するためのスキルです。レイアウト計算と一貫した配色を示し、自動レイアウトに頼らず共通のスタイルに沿った図を作れます。依存関係のないNode.js製リンターがSVGを12項目で検査します。対応するエージェントにスキルを導入し、図の作成を依頼した後、ローカルでsvg-lintを実行して確認します。

主な特長

  • アーキテクチャ図、フローチャート、シーケンス図、データフロー図、ライフサイクル図を手作業で配置したSVGとして作成します。
  • 共通の図のスタイルを保つためのレイアウト指針と一貫した配色を提供します。
  • 依存関係がなく、SVGを12項目で検査するNode.js製リンターが付属します。

こんな人・用途に

アーキテクチャやドキュメント向けに、一貫した技術図を必要とするコーディングエージェント利用者に適しています。手作業で配置したSVGとローカルでの lint 検査を使いたい場合に選べます。

アップストリーム
bybit-exchange/svg-diagram
GitHubのフォーク
Guo-astro/svg-diagram
アップストリームのスター数
612
カテゴリ
AIエージェントとLLMツール
ライセンス
MIT
フォーク日
2026-10-07
同期状態
同期済み最終同期 2026-10-11