getdesign

getdesign

5|0 评价|0 收藏
访问网站
产品介绍
从任何网站提取颜色、字体、间距和组件,生成可下载的 design.md 设计系统。
收录时间
2026年9月16日

什么是 getdesign?

getdesign 是一款设计系统提取工具,它在真实浏览器中打开公开网站,读取其实际 CSS,并捕获渲染后的页面。它会生成一份可下载的 design.md,描述该网站的颜色、排版、间距和组件,可用作样式指南或交给编码智能体使用。它提供五种使用方式:Web 仪表盘、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)
  • 在真实浏览器中捕获渲染页面,并为可视化运行提供截图
  • 五种使用方式:Web 仪表盘、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,帮助更多人按问题找到合适的 AI 工具。推广组件可轻松添加到主页或页脚。

Featured on

Hootool.ai