什麼是 getdesign?
getdesign 是一款設計系統擷取工具,會在真實瀏覽器中開啟公開網站,讀取其實際 CSS,並擷取渲染後的頁面。它會產生一份可下載的 design.md,描述該網站的顏色、排版、間距和元件,可作為樣式指南或交給編碼代理使用。它提供五種使用介面:網頁儀表板、HTTP API、CLI、TypeScript SDK,以及適用於編碼代理的可攜式 Skill。
如何使用 getdesign?
- 登入 dashboard.getdesign.app 的儀表板,並在 Account 中儲存你的 Daytona 和 OpenAI 供應商金鑰。將公開網站 URL 貼到 Agent 中並執行擷取;getdesign 會讀取 CSS 權杖、在瀏覽器中擷取頁面,並產生可供下載的設計文件。你也可以在沒有供應商金鑰的情況下瀏覽快取的範例執行,或使用 API、CLI(bunx @getdesign/cli)、SDK(bun add @getdesign/sdk),或安裝 Skill(npx skills add MohtashamMurshid/getdesign)以在 Claude Code、Codex 或 Cursor 中執行。
getdesign 的核心功能
- 從任何公開 URL 擷取調色盤、排版、間距和元件
- 傳回以網站實際 CSS 為基礎的可下載 design.md(Markdown)
- 在真實瀏覽器中擷取渲染頁面,並為視覺化執行提供螢幕擷取畫面
- 五種使用介面:網頁儀表板、HTTP API、CLI、TypeScript SDK 和代理 Skill
- API 透過 WorkOS bearer 驗證傳回 Markdown 或 JSON
- CLI 和 SDK 在 Bun 上本機執行,提供具型別的結果和進度事件
- 可攜式 SKILL.md 可在 Claude Code、Codex 和 Cursor 中執行
- 預設為私人執行,可選擇發布以分享可檢視/可下載的連結
用戶評價
5.0
/ 50 則評價
5 星
0
4 星
0
3 星
0
2 星
0
1 星
0
暫無評價,來寫第一條吧
相似產品
Creative Fabrica
Creative Fabrica 2026 - Crafted with love and co
🇳🇱荷蘭
05.0
getdesign 推廣元件
使用網站徽章展示您的產品已收錄於 Hootool,推動社群對工具發現與傳播的支持。推廣元件可輕鬆新增到首頁或頁尾。






