dpgk
Explain concepts, protocols, algorithms and data flows as animated diagrams. Outputs a single animated SVG (loops in a README) or a single HTML file with a play/pause/speed/step player.
Free
Works with the AI Agents you already use
dpgk
Example session with this skill installed
TCPの3ウェイハンドシェイクの流れをREADME用のSVGで図解して。ステップごとのパケットの動きがわかるように。
- Read your context and instructions
- Compiled the dpgk
出力
- ファイル: /project/diagrams/tcp-handshake.svg
- 形式: SVG(1ループ 9.5秒)
- 開き方: ブラウザで開く / README に
で貼る
この図が答える問い
TCPはなぜ3回やりとりしてから通信を始めるのか
ビート
| 時刻 | 何が起きるか | 動きの種類 |
|---|---|---|
| 0.0s | クライアントとサーバーの初期状態を表示 | 順序 |
| 1.5s | SYNパケットがクライアントからサーバーへ移動 | 流れ |
| 4.0s | サーバーが受信しSYN-ACKをクライアントへ返送 | 因果 |
| 6.5s | クライアントがACKを送信し両端がESTABLISHED状態へ遷移 | 変化 |
| 8.0s | 最終状態で静止(コネクション確立完了) | 注目 |
単純化したところ
- シーケンス番号の具体的な数値および再送制御のロジックは省略しています。
検査結果
- dpgk_lint: 100/100
- 目視確認: dpgk_snap.ts にてPC/スマホ両方のシートを確認。パケットの停止位置がラベルと重ならないよう調整済み。
Next steps
project/diagrams/tcp-handshake.svgをリポジトリに追加してください。- README.md のネットワークセクションに埋め込みタグを挿入してください。
Connects securely to your tools. The creator never sees your data.
About this skill
Explain concepts, protocols, algorithms and data flows as animated diagrams. Outputs a single animated SVG (loops in a README) or a single HTML file with a play/pause/speed/step player.
Motion is used only to show order, cause and effect, flow and change, never as decoration. Works with any agent that supports SKILL.md. Source: https://github.com/umaidashi/dpgk (MIT).
How to use
Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
Free forever
No account required to browse
Trust & safety
Security scanned
Verified clean 3 days ago
- Free to download with an account