Skill
Give your AI assistant direct access to real-time HK/US stock data and trading capabilities with Longbridge Skill
UI Atlas 收录全网最精美的界面风格,每一套都写成可直接使用的 AI 提示词,附真实样板页。支持复制粘贴、Agent 技能、Cursor 规则与 MCP 接入,适用于 Claude Code、Codex、Cursor、Trae 等工具。
Translation pending
SkillsHTMLGitHub @qianye60OnlineOwner unconfirmed
Have you tried it? One tap is enough. No sign-in needed.
No updates detected yet. GitHub releases will appear here.
Owners of public repositories under a personal GitHub account can sign in to verify ownership and manage the introduction themselves. No administrator approval is needed.
Sign in, generate a verification file, and commit it to this repository’s default branch within 30 minutes. Files on other branches or forks do not count. Then check the file below to manage the project without administrator approval. Keep the file to retain your access.
If needed, you will go to sign-in. After signing in, return here and press your chosen verification button again.
Run /nomorevibe verify in your project folder to verify ownership and manage the introduction yourself.
Verify in one minuteAsk about other verification options
Free production-grade UI design prompts — Claude Code skills, Cursor rules & AGENTS.md, each with a live demo. By UI Atlas.
Taken from the repository README
Loading the full README. The saved excerpt is shown below.
Free, production-grade UI design prompts from UI Atlas — each style is a complete design brief
(12 chapters, 25+ design tokens, a section-by-section page blueprint, component states, motion and responsive rules)
that any code-writing AI can follow, plus a real demo page built from it.
Use them in Claude Code, Codex, Cursor, Copilot, Windsurf, Trae, or paste them into Claude, ChatGPT, Gemini, v0 and Lovable.
More styles (SaaS, dashboards, commerce, editorial and more) are at ui.ddct.top.Read the full README ↗English · 简体中文
Free, production-grade UI design prompts from UI Atlas — each style is a complete design brief (12 chapters, 25+ design tokens, a section-by-section page blueprint, component states, motion and responsive rules) that any code-writing AI can follow, plus a real demo page built from it.
Use them in Claude Code, Codex, Cursor, Copilot, Windsurf, Trae, or paste them into Claude, ChatGPT, Gemini, v0 and Lovable.
| Style | Look | Category | Files |
|---|---|---|---|
| Soft Clay | Claymorphism × pastel candy colors, a playful fintech app landing page | Fintech | prompt · skill · Cursor rule · AGENTS.md · live demo |
| Mist Tone | A pale-grey order book: one blue pencil, one black stamp. | Dashboard | prompt · skill · Cursor rule · AGENTS.md · live demo |
More styles (SaaS, dashboards, commerce, editorial and more) are at ui.ddct.top.
/plugin marketplace add qianye60/ui-design-prompts
/plugin install ui-design-prompts@ui-design-prompts
Then ask: “Rebuild my landing page in the Soft Clay style.” Claude loads the matching skill automatically.
Or copy a single skill: cp -r skills/ui-soft-clay-fintech ~/.claude/skills/
Copy a rule into your project: cp cursor-rules/soft-clay-fintech.mdc .cursor/rules/
Append a style to your project's AGENTS.md: cat agents-md/AGENTS.soft-clay-fintech.md >> AGENTS.md
Open styles/<style>/prompt.md, copy everything, paste it with your request.
Connect the UI Atlas MCP server to let your agent search and read every style itself — see https://ui.ddct.top/use.
Prompts and demo pages in this repository are licensed under CC BY 4.0. Please credit UI Atlas with a link to https://ui.ddct.top when you share or adapt them.
Generated from UI Atlas. Brands, copy and products in the demos are fictional.