# UI Atlas

> The internet’s most beautiful UI, written as prompts you can use anywhere. UI Atlas is a library of UI design prompts. Every style is a complete design brief — design tokens, type and color systems, layout grid, a section-by-section page blueprint, component states, motion parameters and responsive rules — that any code-writing AI can follow to build a page at the same level of craft. Every prompt ships with a real demo page built from it.

UI Atlas prompts work with any AI that writes front-end code (Claude, ChatGPT, Gemini, DeepSeek, Claude Code, Codex, Cursor, Trae, Windsurf, v0, Lovable). Each style can be copied, exported as an agent skill / Cursor rule / AGENTS.md, or retrieved by AI agents through the MCP server at https://ui.ddct.top/mcp (tools: search_styles, get_style, get_style_demo, list_categories).

## Styles

- [Aurora Glass](https://ui.ddct.top/p/aurora-glass-saas.md): Aurora glow × frosted glass, a dark SaaS landing page (SaaS, Pro)
- [Bento Noir](https://ui.ddct.top/p/bento-noir-analytics.md): Graphite black × acid lime, a dense analytics dashboard (Dashboard, Pro)
- [Soft Clay](https://ui.ddct.top/p/soft-clay-fintech.md): Claymorphism × pastel candy colors, a playful fintech app landing page (Fintech, Free)
- [Parchment Hearth](https://ui.ddct.top/p/parchment-hearth-chat.md): A hushed AI chat workspace: cream paper, one terracotta lantern seal. (AI Product, Pro)
- [Daylight Ledger](https://ui.ddct.top/p/daylight-ledger-forum.md): A hairline-ruled forum index where reply counts warm from gray to burnt orange (Dashboard, Pro)
- [Neo-Brutal Market](https://ui.ddct.top/p/neo-brutal-commerce.md): Neo-brutalism × candy color blocks, an indie brand storefront (Commerce, Pro)
- [Mist Tone](https://ui.ddct.top/p/mist-tone-ledger.md): A pale-grey order book: one blue pencil, one black stamp. (Dashboard, Free)

## Use

- [Ways to use UI Atlas](https://ui.ddct.top/use?lang=en): copy-paste, agent skills, Cursor rules, AGENTS.md and the MCP server
- [MCP endpoint](https://ui.ddct.top/mcp): Streamable HTTP, bearer token from https://ui.ddct.top/account?tab=connect

## Optional

- [Pricing](https://ui.ddct.top/pricing?lang=en): Free, Pro and Studio memberships
- [Full text](https://ui.ddct.top/llms-full.txt): every style in one Markdown file
- [中文版 llms.txt](https://ui.ddct.top/llms-zh.txt): 中文站点介绍与风格列表
- [Sitemap](https://ui.ddct.top/sitemap.xml)