markdown-viewer/skills

解決的問題

本專案提供一組專用的指令（技能），讓AI程式代理能在Markdown中直接產生專業的圖表、資料視覺化與技術文件。它彌補了代理撰寫文字的能力與創造複雜視覺表現（如雲端架構、UML圖、資料圖表）能力之間的差距。

如何運作

本專案依照 Agent Skills 格式，定義了14種不同的技能。每個技能由一個包含YAML前言、語法規則與範本的 SKILL.md 檔案組成。當AI代理（如Claude Code、Cursor或GitHub Copilot）使用這些技能時，會依照特定指示輸出正確的程式碼圍欄（例如 ```vega-lite 或 ```plantuml）或原始HTML/CSS。這些輸出隨後由相容的Markdown檢視器擴充套件渲染成視覺內容。

適用對象

• AI代理使用者：使用AI程式代理來記錄系統的開發者與架構師。
• AI代理開發者：希望將標準化視覺功能整合至其LLM基礎工作流程的人員。
• 技術文件撰寫者：希望產生一致且專業的AI生成圖表與資訊圖的人。

主要亮點

• 廣泛的視覺範疇：涵蓋從軟體建模（UML）、雲端基礎設施（AWS/Azure/GCP）到資料流程與物聯網感測器網路的各類內容。
• 多種渲染引擎：支援Vega-Lite、PlantUML、JSON Canvas以及直接的HTML/CSS。
• 代理相容性：專為輕鬆整合至Claude Code與VS Code等流行代理而設計。
• 豐富的圖示圖庫：提供數千個mxgraph模板圖示，用於建立專業級的架構圖。