产品详细介绍

来自真实网站的 DESIGN.md 文件

GradientDeck UI 可复制热门网站的 DESIGN.md，提取色彩、字体排版、间距和组件等设计规范，供 AI agent 遵循。借助它，Claude Code、Codex 和 Cursor 等工具可以直接复用成熟的设计规则，无需从零定义界面风格。

定价方案

需要付费

官网查看

定制方案

Muhammad Roushan创始人

嗨，Product Hunt！

AI 编程智能体很擅长构建 UI，但如果放任不管，产出的界面往往千篇一律：相同的字体、相同的渐变、相同的卡片。你可以告诉它们“做得像 Stripe”，但它们只是在猜。

GradientDeck UI 为它们提供了真正可用的设计规范。资源库中的 1,270 个网站每个都配有一份 DESIGN md，其中包含配色方案及每种颜色的用途、字体与字号体系、间距、圆角、组件，以及成就独特风格的各项宜忌。

使用方法：

1. 找到你喜欢的网站（按 ⌘K 或 Ctrl+K，可按名称、行业或风格搜索，例如“金融科技”或“深色”）

2. 点击复制 DESIGN md

3. 将其粘贴到你的代码仓库中，并让 Claude Code、Codex 或 Cursor 遵循规范

你也可以按配色方案或字体浏览，并将喜欢的风格保存下来供以后使用。所有内容均免费，无需注册账户，也没有付费墙。

我很想了解：

- 接下来应该添加哪些网站？

- 你的智能体输出的界面是否真的更接近参考设计了？非常欢迎分享截图。

感谢试用！🙏

Muhammad RoushanPushing boundaries with code.