mianadilofficial/ui-design-reference-library：面向 AI 智能体的真实 UI/UX 参考库
mianadilofficial/ui-design-reference-library
Mian Adil 发布 ui-design-reference-library，一个面向 AI 智能体的 UI/UX 参考库，收录设计技能、组件库、模式与交互示例，每条均为保留原作者、许可证和链接的真实公开仓库。
A curated, agent-ready library of real-world UI/UX references — design skills, component libraries, patterns and interaction examples — organized so any AI agent (or human) can study the right reference and build clean, non-generic interfaces grounded in proven work.
Status: Growing — new references are reviewed and added regularly. See INDEX.md for the full catalog.
Why this exists
AI-generated UI too often looks the same: generic gradients, predictable layouts, template energy. This library fixes that at the source — instead of designing from nothing, agents pick relevant real-world references first and build from them. Every entry is a real public repository with its original author, license and link preserved.
What's inside
| Reference | Category | Stack | License | What it gives you |
|---|---|---|---|---|
| ui-ux-pro-max-skill | Design skill | Agnostic | MIT | 79 UI styles, 192 palettes, 74 font pairings, anti-patterns |
| impeccable | Design skill | Agnostic | Apache-2.0 | 24 commands + 59 detector rules against AI-design tells |
| emilkowalski-skills | Design skill | Agnostic | MIT | 15 elite UI/animation skills (ex-Vercel/Linear) |
| inspira-ui | Components | Vue / Nuxt | MIT | Animated copy-paste components: backgrounds, text effects, grids |
| animate-ui | Components | React / Tailwind | MIT + Commons Clause | Hand-crafted animated components and micro-interactions |
| lenis | Motion | Agnostic (JS) | MIT | Buttery-smooth scroll — premium scroll-driven experiences |
Full details in INDEX.md.
How to use
For AI agents — read AGENTS.md first. It defines how to select the right reference for a task, which design decisions to ground in it, and the quality bar every build must pass.
For humans — browse references/, open any folder's ATTRIBUTION.md for the original source, and explore the live demos linked from each project's own README.
Give an agent this repo link + your task.
The agent studies the relevant references, then builds —
no generic AI-looking output, no template cloning.
Categories
References are organized by what they're useful for:
- Design skills — reasoning systems, style taxonomies, palettes, typography
- Components — copy-paste UI components (buttons, cards, backgrounds, effects)
- Patterns — landing pages, dashboards, portfolios (coming)
- Motion — animation and interaction examples (coming)
Contributing
Found a reference worth adding? See CONTRIBUTING.md. Every addition needs a compatible license, full attribution and a clean secret scan — the checklist is in the guide.
License & attribution
- This repository's own curation (README, guides, index, attribution files) is under the MIT License.
- Every mirrored project in
references/keeps its original license and author — check each folder'sATTRIBUTION.mdbefore reusing code.
Acknowledgments
All design work referenced here belongs to its original authors. This library exists to point at great work, not to claim it — if you build something from these references, credit the source.
Built & curated by Mian Adil
I'm Mian Adil, an Applied AI Engineer building web platforms, SEO systems and AI automation for international clients.
- Portfolio: mianadil.site
- GitHub: @mianadilofficial
If this library helped you, a ⭐ is the best thanks.
来源：GitHub · github.com