wireframe
✓使用drawio XML 格式和特定於平台的UI 元件庫建立UI 線框和模型。最適合網頁佈局、iOS/Android 行動應用程式模型和基於 Bootstrap 的設計。基於drawio 構建，具有特定於模型的模板。不適用於簡單的流程圖（使用 mermaid）或資料視覺化（使用 vega）。
SKILL.md
Quick Start: Choose platform (Web/iOS/Android) → Add UI components from stencil library → Arrange in screen layout → Add navigation flows → Wrap in `drawio fence.
⚠️ IMPORTANT: Always use `drawio code fence. NEVER use `xml — it will NOT render as a diagram.
🔗 This is a drawio-derived skill. All structure, layout, and edge routing rules inherit from drawio SKILL.md. Read the base rules first.
使用drawio XML 格式和特定於平台的UI 元件庫建立UI 線框和模型。最適合網頁佈局、iOS/Android 行動應用程式模型和基於 Bootstrap 的設計。基於drawio 構建，具有特定於模型的模板。不適用於簡單的流程圖（使用 mermaid）或資料視覺化（使用 vega）。 來源：markdown-viewer/skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/markdown-viewer/skills --skill wireframe- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-11
- 更新時間
- 2026-02-18
快速解答
什麼是 wireframe？
使用drawio XML 格式和特定於平台的UI 元件庫建立UI 線框和模型。最適合網頁佈局、iOS/Android 行動應用程式模型和基於 Bootstrap 的設計。基於drawio 構建，具有特定於模型的模板。不適用於簡單的流程圖（使用 mermaid）或資料視覺化（使用 vega）。 來源：markdown-viewer/skills。
如何安裝 wireframe？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/markdown-viewer/skills --skill wireframe 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/markdown-viewer/skills
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-11