technical-diagrams

technical-diagrams

Mermaid構文とC4アーキテクチャビューで、初心者にも理解しやすい技術図をMarkdown向けに作成します。

AIスキル大辞典による日本語要約
品質評価95/100評価確度:暫定
人気度(GitHub Star) 10発掘スコア 100
01

このSkillでできること

  • ✓Mermaid構文でフローチャート、シーケンス図、クラス図、状態図、ER図を作成する
  • ✓C4のシステムコンテキスト図とコンテナ図を作成する
  • ✓図の各要素に短い説明を付け、初心者にも理解しやすく整理する
  • ✓Markdownに埋め込めるMermaidコードブロックとして出力する
02

使い方

01
STEP 1

通常は別のスキルから明示的に呼び出して使用する

02
STEP 2

図1枚につき1つの考えに絞り、必要に応じてコンテキスト図とコンテナ図を分ける

03
STEP 3

関係線には「Reads」「Publishes to」などの動作を表すラベルを付ける

04
STEP 4

複数サービスのシステムでのみ、コンテナ図を追加する

03

Skillのインストール

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/haoyisun/skills
04

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

ユーザー、アプリ、データベースの関係が分かる、初心者向けのMermaidシーケンス図をMarkdown用に作成してください。
出力例を見る
```mermaid
sequenceDiagram
  actor U as User
  participant A as App
  participant D as Database
  U->>A: submit
  A->>D: query
  D-->>A: rows
  A-->>U: result
```
05

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信明確な記述なし
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス明確な記述なし
認証情報明確な記述なし
06

関連Skill