について
このスキルは、PlantUMLおよびMermaidコード構文を使用して、アーキテクチャ図や設計図を生成します。システムの計画立案やアーキテクチャの説明が必要な開発者が、ワークフロー内で直接視覚的なドキュメントを作成するのに最適です。本ツールは、提供された要件と制約に基づいて、実装計画や検証ステップと共にダイアグラムを作成します。
クイックインストール
Claude Code
推奨npx skills add cornmanwtf/ABANG-COLEK -a claude-code/plugin add https://github.com/cornmanwtf/ABANG-COLEKgit clone https://github.com/cornmanwtf/ABANG-COLEK.git ~/.claude/skills/diagram-as-codeこのコマンドをClaude Codeにコピー＆ペーストしてスキルをインストールします
GitHub リポジトリ
Frequently asked questions
What is the diagram-as-code skill?
diagram-as-code is a Claude Skill by cornmanwtf. Skills package instructions and resources that Claude loads on demand, so Claude can perform diagram-as-code-related tasks without extra prompting.
How do I install diagram-as-code?
Use the install commands on this page: add diagram-as-code to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does diagram-as-code belong to?
diagram-as-code is in the documentation-knowledge category, tagged ai.
Is diagram-as-code free to use?
Yes. diagram-as-code is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
関連スキル
このスキルは、コードに対してJSDocやdocstring形式のコメントと使用例を自動生成します。関数やメソッドに包括的なドキュメントを迅速に追加する必要がある開発者向けに設計されています。このツールは、使用例を含む構造化されたコメントを作成することで、コード品質の維持を支援します。
コードコメント充実化スキルは、JSDocやdocstring形式のコメントを自動生成し、使用例を含めたドキュメントをコードに追加します。関数やメソッドに対し、包括的で実例に富んだドキュメントを迅速に追加する必要がある開発者のために設計されています。このツールは、コードの可読性向上と一貫したドキュメント基準の維持に最適です。
このClaudeスキルは、構造化されたインシデント報告書を生成し、タイムラインとアクションプランを作成します。システムコンテキストと問題の記述が必要であり、実装計画や検証手順などの成果物を生成します。インシデント発生後に使用し、事象と必要なフォローアップアクションを正式に文書化します。
readme-generatorスキルは、インストール、使用方法、貢献方法などの標準セクションを含む構造化されたREADMEファイルを作成します。このスキルは、Claude Code内でプロジェクトドキュメントを迅速に生成または標準化する必要がある開発者に最適です。プロジェクトのコンテキストと要件を組み込み、包括的ですぐに使用できるREADME成果物を生成します。