Use it anywhere: copy, agent skills, Cursor rules and MCP

Paste UI Atlas prompts into any AI, export them as agent skills, Cursor rules or AGENTS.md, or connect over MCP from Claude Code, Codex, Cursor, Trae and VS Code.

  • Paste anywhere — Claude, ChatGPT, Gemini, v0, Lovable — one message, one full page.
  • Agent skill — Install once; name the style and your agent loads the full spec.
  • Rule files — Export a Cursor rule or a universal AGENTS.md for Codex, Copilot and Windsurf.
  • MCP server — One line connects the whole library; AI in Claude Code, Codex, Cursor or Trae searches and reads styles itself.

MCP

  1. Create an access token — From the Connect tab in your account.
  2. Add it to your tool — Add the MCP server https://ui.ddct.top/mcp in Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI or Trae.
  3. Just ask — For example: “Use ui-atlas to find a dark style for an AI writing tool and rebuild my homepage with it.”

MCP tools: search_styles, get_style (full spec), get_style_demo (reference page source), list_categories.

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