使用方式:复制、Agent 技能、Cursor 规则与 MCP

UI Atlas 的提示词可以复制粘贴到任何 AI,也可以导出为 Agent 技能、Cursor 规则、AGENTS.md,或通过 MCP 接入 Claude Code、Codex、Cursor、Trae、VS Code。

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

MCP

  1. 生成访问令牌 — 在个人中心「接入」页生成个人访问令牌。
  2. 添加到你的工具 — 在 Claude Code、Codex、Cursor、VS Code、Windsurf、Gemini CLI 或 Trae 中添加 MCP 服务 https://ui.ddct.top/mcp。
  3. 直接说需求 — 例如:“用 ui-atlas 找一个适合 AI 写作工具的深色风格,按它重做首页。”

MCP 工具:search_styles(搜索风格)、get_style(读取完整规范)、get_style_demo(样板页源码)、list_categories(分类)。

claude mcp add --transport http ui-atlas https://ui.ddct.top/mcp --header "Authorization: Bearer <token>"