这是什么？
Design Prompt Library 是一个精心整理的 AI 设计风格提示词模板库，收录了 105 种顶级设计风格，覆盖国际设计趋势、国内热门 App、Dribbble 灵感、行业场景、趋势美学等多个方向。
简单来说，当你想让 AI（Midjourney、DALL·E、Stable Diffusion 等）生成某个特定风格的界面或设计时，直接找到对应模板，一键复制提示词，粘贴使用即可。
🎯 解决什么问题？
用 AI 生成设计图时，提示词写不好，出来的效果总是差强人意——不是配色太普通，就是风格不够明确，或者根本不知道该怎么描述。
Design Prompt Library 把每种风格的提示词都标准化了：
- ✅ 色彩系统 — 精确到 hex 色值、主色/强调色/辅助色
- ✅ 字体排版 — 字体选择、字号层级、行高字距
- ✅ 边框与阴影 — 卡片阴影、边框样式、层级关系
- ✅ 组件规范 — 圆角、间距、按钮、表单样式
- ✅ 布局特点 — 网格、留白、信息架构
📦 收录哪些风格？
目前共 105 种设计风格，分为几个大类：
国际经典
苹果极简、Google Material、微软 Fluent、IBM Carbon、Uber、Airbnb、Stripe、Figma、Linear、Vercel、Notion、Slack……
国内热门
微信深色、支付宝、淘宝、小红书、抖音、网易云音乐、哔哩哔哩、高德地图、百度……
行业场景
Web3/区块链、房产平台、物流追踪、医疗健康、法律科技、工业 IoT、餐饮外卖、保险金融、汽车、游戏、投资理财……
趋势美学
Neubrutalism 新野兽派、Brutalist 粗野主义、Gradient Mesh 渐变网格、Maximalism 极繁主义、Bento Grid 便当盒……
原创风格
极光、深海、火山岩浆、全息投影、赛博故障、大理石、武士道、沙漠落日、折纸艺术……
✨ 功能特性
- 🔍 搜索 — 按名称快速查找
- 🏷️ 筛选 — dark / light / minimal / enterprise / consumer / luxury
- 📋 一键复制 — 点击按钮直接复制完整提示词
- 🌙 亮暗主题 — 自由切换，偏好自动保存
- 📱 响应式 — 桌面 4 列、平板 3 列、手机 2 列、小屏 1 列
- 💎 精致 UI — Glassmorphism 风格，GSAP 动画
🛠 技术实现
- 纯前端：HTML + CSS + JavaScript，无框架依赖
- 动画：GSAP + ScrollTrigger
- 字体：Space Grotesk + DM Sans（Google Fonts）
- 部署：Nginx 静态托管，零依赖
📌 适合谁用？
- UI/UX 设计师 — 快速获取风格提示词
- 前端开发者 — 参考设计规范
- AI 绘图爱好者 — 提升 Midjourney / DALL·E 出图质量
- 产品经理 — 快速生成原型参考
- 设计学生 — 学习不同设计风格的特征
🔮 后续计划
- 🌐 公网部署上线（即将开放）
- ➕ 持续新增风格模板
- 🎭 主题预览功能（代码已就绪，待开放）
一个设计师朋友问我：「你为什么要把提示词整理成模板库？」
我说：「因为好的提示词不应该每次都从零开始写。」