prasidmitra/system-design-diagram

system-design-diagram とは？

このスキルは、Claude Code上でシステム設計図を効率的に作成・管理するためのものです。HTMLとSVGを組み合わせることで、視覚的にわかりやすく整理された図を生成し、必要に応じてPNG画像としてエクスポートできます。主にアーキテクチャ設計やシステム構成のドキュメント作成に有用で、開発者やAIエージェントが設計意図を正確に伝えるのに役立ちます。このスキルはClaude Codeプラットフォームで動作し、skill.mdファイルに定義された手順に従って、一貫性のある図を自動生成します。インラインコードや環境変数名などの技術要素はそのまま保持され、日本語の説明文や見出しは適切に翻訳されます。