Diagram Design

來源狀態

可用來源

原始名稱: diagram-design

這是第三方 Community Skill；2lus 收錄不代表已完整安全審計或保證安全。

資源類型

Skill

與類似 Skill 有什麼不同？

• Archify

  Diagram Design 偏向可分享的 HTML/SVG 設計與匯出；Archify 偏向可探索的技術架構圖。

來源描述的能力

這些是來源描述的可能操作，不代表 2lus 已授予權限或已測試。

尚未列出能力，請審查原始來源。

這個 Skill 是什麼？

先選擇適當的圖表形式與資訊層級，再檢查節點、箭頭和標籤。

可以做什麼？何時適合使用？

• 流程說明難以閱讀。
• 架構文件需要清晰視覺。
• 要分享可匯出的靜態圖。

如何使用

1. 提供真實節點、關係與目標讀者。
2. 選擇合適的圖型並建立 HTML/SVG。
3. 核對語意、可讀性和 PNG 輸出。

使用前你需要準備

• 節點與關係資料
• 目標讀者及輸出格式

你可以替換：

請說明目標讀者、來源、範圍與交付形式；檢查輸出中的推論。

環境與相依需求

• 節點與關係資料
• 目標讀者及輸出格式

使用範例與 Prompt

以下是 2lus 撰寫的示範需求；請替換為你有權處理的檔案與專案，不代表已執行或保證結果。

入門

用 Diagram Design 畫出三步驟審核流程，標示拒絕分支。

實務

把這份部署架構轉成 SVG，清楚標出公開與私有網路邊界。

進階

設計含 20 個元件的資料流圖，先分層，再檢查每條資料流方向與 PNG 匯出清晰度。

實用提醒

• 優先確認關係，最後再裝飾。

限制與注意事項

• 提供多種圖型選擇，但不保證輸入文件與真實系統一致。

安全注意事項

• 分享圖前移除機密主機名稱與內部端點。

使用與設定

此條目不提供已確認的通用安裝指令；請依官方文件與 Agent 版本操作。

支援平台

未確認特定 Agent 相容性

來源與授權

來源查核日期（非安全認證）: 2026-10-01

MIT

GitHub 關注趨勢

成長數未核實

快照日期（UTC）: 2026-09-30

快照來源: weekly-agent-skills-ranking

歷史快照

由需求選定的 Weekly Rising 批次；本批未提供可核實的七日 Star 增量。僅表示編輯選錄，不代表排名或 GitHub 官方 Analytics。

Star 成長代表近期 GitHub 關注度，不代表品質排名。

相關 Skills

• Archify

Source status

Active source

Original name: diagram-design

This is a third-party community skill. Inclusion by 2lus is not a complete security audit or safety guarantee.

Resource type

Skill

How is this different from similar skills?

• Archify

  Diagram Design emphasizes shareable HTML/SVG and export; Archify emphasizes explorable technical architecture.

Documented capabilities

These are operations described upstream, not permissions granted or tested by 2lus.

Capabilities not declared here; review the original source.

What is this skill?

Choose a fitting diagram form and information hierarchy, then check nodes, edges and labels.

Use cases and when to use it

• Explain a hard-to-read workflow.
• Visualize architecture documentation.
• Share an exportable static diagram.

How to use it

1. Supply real nodes, relationships and audience.
2. Choose a diagram type and build HTML/SVG.
3. Review meaning, readability and PNG output.

What you need

• Nodes and relationships
• Audience and output format

You can replace:

Specify audience, sources, scope and deliverable; review inferences in the output.

Environment and dependencies

• Nodes and relationships
• Audience and output format

Usage and prompt examples

These example requests were written by 2lus. Substitute files and projects you may use; examples are not executed results or guarantees.

Beginner

Diagram a three-step approval workflow and its rejection branch.

Practical

Turn this deployment architecture into SVG with public and private network boundaries.

Advanced

Lay out a 20-component data flow by layers, checking every direction and PNG legibility.

Tips

• Validate relationships before decoration.

Limitations

• Diagram types are broad, but source documents may not match a live system.

Security notes

• Remove secret hostnames and internal endpoints before sharing.

Usage and setup

No verified universal installation command is provided for this entry. Follow the official documentation for your agent version.

Supported agents

Specific agent compatibility unknown

Sources and license

Source check date (not a safety certification): 2026-10-01

MIT

GitHub Momentum

Growth count not verified

Snapshot date (UTC): 2026-09-30

Snapshot source: weekly-agent-skills-ranking

Historical snapshot

Selected for a Weekly Rising editorial batch; no verifiable seven-day Star gain was supplied. This is not a ranking or official GitHub Analytics.

Star growth reflects recent GitHub attention, not a quality ranking.

Related skills

• Archify