UI Atlas — 全网最精美的 UI 设计提示词库

什么是 UI Atlas？

UI Atlas 是一个 UI 设计提示词库：每一套风格都是一份完整的设计说明书——设计令牌、字体与色彩系统、版式网格、逐区块的页面蓝图、组件状态、动效参数与响应式规则——任何能写前端代码的 AI 都能据此做出同等水准的页面。每一条提示词都配有一张用它生成的真实样板页，所见即所得。

7 styles · 全网最精美的 UI 风格，写成随处可用的提示词

精选风格

• Aurora Glass — 极光光晕 × 磨砂玻璃的暗色 SaaS 落地页 (SaaS 产品 · Pro)
• Bento Noir — 石墨黑 × 酸性青柠的高密度数据看板 (数据看板 · Pro)
• Soft Clay — 粘土拟物 × 马卡龙色的轻快金融 App 落地页 (金融科技 · Free)
• Parchment Hearth — 奶油纸页上盖一枚赤陶灯笼印的静谧AI对话工作台 (AI 产品 · Pro)
• Daylight Ledger — 白纸发丝线里,数字随热度由灰转橙的社区索引页 (数据看板 · Pro)
• Neo-Brutal Market — 新粗野主义 × 糖果色块的独立品牌电商 (电商零售 · Pro)
• Mist Tone — 灰纸订单簿上，一支蓝铅笔和一枚黑印章 (数据看板 · Free)

按场景浏览

• SaaS 产品 (1)
• 数据看板 (3)
• 电商零售 (1)
• 金融科技 (1)
• AI 产品 (1)

随处可用

• 随手粘贴 — 粘贴到 Claude、ChatGPT、Gemini、v0、Lovable，一次对话就是一整页。
• Agent 技能 — 下载技能包，之后说出风格名，Agent 自己加载完整规范。
• 规则文件 — 导出 Cursor 规则或通用的 AGENTS.md，Codex、Copilot、Windsurf 都会读取。
• MCP 服务 — 一行配置接入整座风格库，Claude Code、Codex、Cursor、Trae 里的 AI 可以自己搜索和读取风格。

使用方式

常见问题

这些提示词能用在哪些 AI 工具里？

所有能写前端代码的模型和工具都可以：Claude、ChatGPT、Gemini、DeepSeek、通义，以及 Claude Code、Codex、Cursor、Trae、Windsurf、v0、Lovable、Bolt。除了复制粘贴，还能一键导出为 Agent 技能、Cursor 规则、AGENTS.md，或通过 MCP 让 AI 直接从风格库里取用。

和网上免费的“一句话提示词”有什么区别？

我们的每条提示词都是一份完整的设计系统说明书：12 个章节、25+ 个设计令牌、逐区块的页面蓝图、组件全状态与动效参数。并且每一条都附带一个用它生成并人工打磨过的样板页，你在下单前就能看到真实效果。

做出来会和别人的网站撞脸吗？

不会。每一套都是原创风格：只保留让页面好看的设计语言——比例、节奏、材质、动效；品牌、Logo、文案和图片全部重新创作，样板页里的产品也都是虚构的。

可以商用吗？

Pro 会员可用于个人与客户项目；Studio 会员获得无限商业授权。提示词本身不可转售或公开再分发。

多久更新一次？

每周上新至少 10 套风格，每月推出一个风格专题。Studio 会员可提前两周获得新品。