Community程式設計與開發github.com

sanderschinchy506/mermaid-compact

將 mermaid.js 打包成單一自包含的 ESM 檔案,無運行時依賴且無延遲載入區塊,以實現更快速的部署。

mermaid-compact 是什麼?

這個技能旨在將 mermaid.js 庫打包成一個緊湊、自包含的 ES 模組 (ESM) 檔案。它通過消除所有運行時依賴項和延遲載入區塊來優化部署,從而顯著減少加載時間和網路請求。主要優勢在於其簡化性與效能:您只需要一個檔案即可在任何支援 ESM 的環境中使用 mermaid.js,無需擔心額外的資源或模組載入器。該技能適用於任何使用 ESM 的現代開發工作流程,例如網頁應用程式、靜態網站生成器或直接透過 `<script type="module">` 標籤使用。透過捆綁整個 mermaid.js 及其必要的子依賴項,消除了對 CDN 或複雜打包工具的需求,最終簡化了整合過程。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add sanderschinchy506/mermaid-compact

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

mermaid-compact 是做什麼的?

將 mermaid.js 打包成單一自包含的 ESM 檔案,無運行時依賴且無延遲載入區塊,以實現更快速的部署。

相關技能