getdesign

getdesign

5|0 評價|0 收藏
造訪網站
產品介紹
從任何網站擷取顏色、字型、間距和元件,轉換為可下載的 design.md 設計系統。
收錄時間
2026年9月16日

什麼是 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

/ 5

0 則評價

5 星
0
4 星
0
3 星
0
2 星
0
1 星
0

暫無評價,來寫第一條吧

相似產品

getdesign 推廣元件

使用網站徽章展示您的產品已收錄於 Hootool,推動社群對工具發現與傳播的支持。推廣元件可輕鬆新增到首頁或頁尾。

Featured on

Hootool.ai