兩種工具，一種 UI 工作流程框架。
Ghost Wireframe Generator 是一款用於骨架 UI 和幽靈線框的免費瀏覽器工具。選擇佈局系列（儀表板、分析、看板、CRM 表、設定），選擇 Single 或 Combo（桌上型 + 行動裝置），調整 Happy Hues 風格的色彩角色，然後使用 --ghost-*T3Z CSS 變數匯出 PNG、SVG 或 HTML。所有內容都保留在您的瀏覽器中 - 沒有任何內容上傳。
Ghost Wireframe Skill 是便攜式伴侶：複製緊湊的提示或下載 SKILL.md 用於 Cursor、Claude、Codex、ChatGPT 和其他 AI 編碼工具。使用該技能在聊天中起草鬼魂，然後在需要即時預覽和文件匯出時打開生成器。
選擇一個佈局，然後選擇 Single 或 Combo。
開啟 tinydesignshop.com/tools/ghost-wireframe-generator。在庫中，按一下佈局卡。對 Light 或 Dark 使用 Theme，對 Single 或 Combo 使用 View。
Single 一次顯示一個裝置；滾動庫可在桌面卡和行動卡之間切換。 Combo 透過一張佈局卡並排顯示桌面和行動設備，並具有共享預覽高度和 PNG 的 Download both。
調整顏色角色並匯出。
選擇調色板預設或編輯單一角色（背景、表面、重音、靜音文字和朋友）。可選的通用設備框架有助於將螢幕截圖讀取為產品鍍鉻，而無需 Apple 品牌邊框。
--ghost-* variables for templates and loading states.匯出路徑：Download PNG（或 Combo 中的 Download both）、Download SVG / Copy SVG 和 Copy HTML 用於微小頁面下降和載入骨架。出口時無需歸屬。
在任何人工智慧編碼工具中用作技能。
全角黑色 Get skill CTA 從生成器開啟伴隨頁面。或直接前往Ghost Wireframe Skill。
- 開啟技能頁面，複製簡潔提示，或下載
SKILL.md - 將技能拖放到您的代理技能資料夾（Cursor、Claude、Codex 等）中，或將緊湊的提示貼到任何聊天中
- 請求幽靈線框佈局 - 桌面、移動或組合 - 具有
--ghost-*角色 - 選用：開啟瀏覽器產生器預覽並匯出PNG/SVG/HTML
瀏覽器本地生成器，本地技能。
生成器完全在您的瀏覽器中運行 - 佈局、調色板和導出永遠不會離開您的設備。該技能是您在自己的 AI 工具會話中運行的 Markdown 文件。 Tiny Design Shop 不會上傳您的線框圖。