Diagram Design
一個繪製示意圖的技能，以既定的編輯風格產出可獨立使用的 HTML 與 SVG 示意圖，對連接線、標籤與無障礙設計訂有明確規則，並支援匯入 draw.io 與 Mermaid 檔案。適合需要外觀一致的說明用示意圖的人。
- 視覺素材
- 設計審查
來源：cathrynlavery/diagram-design · 固定提交 dcd9317
在 GitHub 查看原始碼LuluSkill 收錄這個專案，是為了讓你找得到它。收錄不代表安全審查或推薦，這個頁面也不會替你安裝或執行任何東西。
編輯導讀
先判斷圖解是否增加資訊
圖解應揭示關係，而不是裝飾清單。先區分語意結構、視覺樣式與匯出格式。
這是 LuluSkill 自己對這個專案的解讀，不是它 README 的摘要。 約 3 分鐘讀完
這份導讀是 LuluSkill 對「這個專案什麼情況適合」所做的判斷，依據的是上方所列的固定版本。它不是作者的文件、不是安全審查，也不是推薦。LuluSkill 並未為了寫這份導讀而安裝、執行或測試該專案；只有在這筆收錄項目仍然指向導讀撰寫時所依據的提交時，導讀才會顯示。
什麼情況適合這個專案
流程、相依關係或架構若難以用文字說清楚，可考慮此入口。開頭流程會區分圖解意義與視覺形式，並在產生瀏覽器內容前確認樣式設定。
什麼情況應選別的方法
短的有序清單不一定需要圖解。先定義箭頭的意思，再決定樣式。若讀者需要搜尋文字或精確數值，而且表格更容易閱讀，就不宜只交付靜態圖片。
準備什麼，以及預期得到什麼
提供實體、關係、閱讀順序、讀者與品牌限制。預期得到網頁與內嵌向量圖組合，圖片匯出是另一個步驟。有用的成果應說明關係，而不只是漂亮的畫布。
工具、權限與使用邊界
儲存內容需要限定範圍的檔案權限；渲染與匯出需要相容的瀏覽器工具。遠端品牌參考需要網路權限。入口文字本身不會提供這些能力，目標格式的匯出效果仍須檢查。
取捨與替代方法
先為每個關係寫一句話。如果這些句子已能解決問題，就保留文字。圖解會增加排版與匯出維護；只有空間分組或分支確實改善理解時，才值得付出這個成本。
一個小型驗收練習
建議練習：呈現三個步驟與一條拒絕分支。確認每個箭頭只有一種意思、拒絕路徑不會被看成成功、窄畫面仍可讀，以及匯出圖片與網頁版保留相同順序和內容。
來源、版本與實際閱讀範圍
已閱讀入口開頭的啟用條件、樣式設定選擇、語意模式與輸出格式；未檢查獨立匯出實作及連結參考資料。 LuluSkill 沒有安裝或執行這個專案；上述練習是供讀者使用的建議檢查，並非實測成果。
如何使用這筆收錄項目
LuluSkill 只發布說明與來源連結。技能本身留在原作者的儲存庫中，這裡不會替你安裝、複製或執行任何東西。
- 閱讀這項技能能幫上什麼忙 上方的摘要說明這個專案是為哪一種工作而寫的。如果那不是你手上的工作，這筆收錄項目大概不適合你。
- 開啟原始來源，並依照作者自己的說明操作 連向原始專案的連結會開啟作者的頁面。安裝步驟與複製說明放在那個頁面，而不是這裡。
- 在相容的 AI 助理中使用它 這類技能通常是在能讀取你電腦上資料夾的 AI 助理裡使用。哪些助理支援它們由作者決定，請先查看他們的頁面。
適合什麼人
已經確定要完成這一件事，並且願意照著作者安裝步驟操作的人。這裡不假設你會寫程式，但這筆收錄項目無法判斷這個專案是否適合你。
開始之前
你需要一個支援技能的 AI 助理，並且要在自己的電腦上照著別人寫的說明操作。執行任何東西之前，請先讀過那些說明。
最後會得到什麼
作者那個專案會產出的東西。LuluSkill 不會執行它，因此這個頁面無法承諾任何成果、檔案或品質水準。
通常在哪裡使用
這類專案通常在支援技能的 AI 助理中使用，例如 AI 程式開發助理。作者的儲存庫會說明它是為哪些助理而寫；LuluSkill 尚未在任何助理上測試過它。
檢查的版本
來源檢查所依據的提交： dcd9317
這個提交之後的儲存庫變更未經檢查。
授權
MIT，依據來源儲存庫在所列提交中的授權檔案。使用或複製這個專案之前，請先查看儲存庫的授權條款。
僅供收錄參考
LuluSkill 只收錄這個專案，不會託管、下載或執行它的程式碼。
這個頁面不包含的內容
專案的檔案與安裝步驟都留在它自己的儲存庫中。LuluSkill 沒有對這個專案做過安全測試，也沒有確認它適用於哪些 AI 助理。
回報問題或要求下架
權利人與使用者都可以回報此頁面在授權、署名、安全或內容正確性方面的問題。我們會在 48 小時內回覆，並將每一件請求記錄在審查紀錄中。
將開啟你的電子郵件程式。你也可以直接寫信至 contact@luluskill.com，並附上此頁面的網址。