从精选画廊、截图库和创意展示中获取设计及AI艺术灵感。
设置 : 在第一次使用时, 读取设置 : md , 用于帮助用户找到正确的引用
功能概述
设置 : 在第一次使用时, 读取设置 : md , 用于帮助用户找到正确的引用是一项面向实际任务的技能，主要用于用户需要视觉引用、 设计灵感或 UI 、 登陆页、 AI - 的例子。它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
核心要点
- 使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。
- 该技能适合需要稳定复用相关能力的场景，可作为自动化工作流的一部分，也便于后续检查、调整和扩展。
- 从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。
使用与执行
实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。
结果检查与注意事项
执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。
设置
首次使用时，请阅读 setup.md，了解如何帮助用户找到合适的参考资源。
适用场景
当用户需要视觉参考、设计灵感或 UI、落地页、AI 生成图像及创意项目的示例时使用。
架构
默认为无状态。如需可选的偏好追踪，请参阅 memory-template.md。
快速查阅
| 主题 | 文件 |
|---|---|
| 指南 | setup.md |
| 完整源目录 | sources.md |
| AI 图像画廊 | ai-galleries.md |
| 移动应用截图 | mobile-screenshots.md |
核心规则
1. 按需匹配资源
不同需求对应不同资源：
- UI 模式 → Mobbin、Screenlane、Page Flows
- 视觉设计 → Dribbble、Behance、Awwwards
- AI 艺术 → Midjourney Showcase、Civitai、PromptHero
- 落地页 → Landingfolio、Lapa、SaaS Pages
2. 提供可操作链接
始终提供直接 URL，而非模糊建议。同时说明每个资源对当前需求的独特价值。
3. 考虑上下文
主动询问平台（Web / 移动端 / 桌面端）、风格（极简 / 大胆 / 活泼）和用途（生产应用 / 概念稿 / 融资路演文档），以精准筛选推荐内容。
4. 按需深入拓展
针对专业化需求（如 AI 提示词、移动端流程、特定行业），加载对应辅助文件以获得全面覆盖。
快速入门 —— 各类目首选资源
UI/UX 设计
| 资源 | 最适用场景 | URL |
|---|---|---|
| Mobbin | 移动应用截图与交互流程 | https://mobbin.com |
| Screenlane | 移动 UI 模式 | https://screenlane.com |
| Page Flows | 用户流程录制视频 | https://pageflows.com |
| Collect UI | 精选 UI 组件 | https://collectui.com |
| UI Sources | 设计系统参考 | https://www.uisources.com |
| Godly | 现代 Web 设计 | https://godly.website |
落地页与 Web
| 资源 | 最适用场景 | URL |
|---|---|---|
| Landingfolio | SaaS 类落地页 | https://landingfolio.com |
| Lapa Ninja | 落地页图库 | https://lapa.ninja |
| SaaS Pages | 面向 SaaS 的专属设计 | https://saaspages.xyz |
| One Page Love | 单页网站 | https://onepagelove.com |
| Awwwards | 获奖网站 | https://awwwards.com |
| CSS Design Awards | 创新 CSS 实践 | https://cssdesignawards.com |
| Site Inspire | 简洁 Web 设计 | https://siteinspire.com |
AI 生成图像
| 资源 | 最适用场景 | URL |
|---|---|---|
| Midjourney Showcase | Midjourney 社区精选作品 | https://midjourney.com/showcase |
| Civitai | Stable Diffusion 模型与图像 | https://civitai.com |
| PromptHero | 提示词与对应结果 | https://prompthero.com |
| Lexica | Stable Diffusion 图像搜索 | https://lexica.art |
| OpenArt | 多模型图像画廊 | https://openart.ai |
| PlaygroundAI | AI 艺术社区 | https://playgroundai.com |
| Krea | AI 设计灵感 | https://krea.ai |
视觉设计与插画
| 资源 | 最适用场景 | URL |
|---|---|---|
| Dribbble | 设计师作品集 | https://dribbble.com |
| Behance | 创意项目展示 | https://behance.net |
| 情绪板（Mood boards） | https://pinterest.com | |
| Designspiration | 视觉化搜索 | https://designspiration.com |
| Muzli | 设计聚合平台 | https://muz.li |
| Abduzeedo | 设计类博客 | https://abduzeedo.com |
色彩与配色方案
| 资源 | 最适用场景 | URL |
|---|---|---|
| Coolors | 配色方案生成器 | https://coolors.co |
| Color Hunt | 精选配色方案 | https://colorhunt.co |
| Adobe Color | 色轮工具与流行趋势 | https://color.adobe.com |
| Realtime Colors | 在真实 UI 上预览配色 | https://realtimecolors.com |
| Happy Hues | 上下文中的配色方案 | https://happyhues.co |
| Culrs | 精选色彩方案 | https://culrs.com |
| Picular | 按关键词生成配色 | https://picular.co |
字体排印（Typography）
| 资源 | 最适用场景 | URL |
|---|---|---|
| Typewolf | 字体推荐 | https://typewolf.com |
| Fonts In Use | 真实应用场景示例 | https://fontsinuse.com |
| Font Pair | 字体组合方案 | https://fontpair.co |
| Google Fonts | 免费字体库 | https://fonts.google.com |
| Font Share | 高品质免费字体 | https://fontshare.com |
| Fontjoy | AI 驱动的字体搭配 | https://fontjoy.com |
图标与插画
| 资源 | 最适用场景 | URL |
|---|---|---|
| Noun Project | 图标资源 | https://thenounproject.com |
| Feather Icons | 极简风格图标 | https://feathericons.com |
| Heroicons | Tailwind 兼容图标 | https://heroicons.com |
| Lucide | 开源图标库 | https://lucide.dev |
| Illustrations.co | 免费插画资源 | https://illlustrations.co |
| unDraw | 可定制 SVG 插画 | https://undraw.co |
| Blush | 模块化混搭插画 | https://blush.design |
| Storyset | 动画插画 | https://storyset.com |
动效与动画
| 资源 | 最适用场景 | URL |
|---|---|---|
| Lottie Files | Lottie JSON 动画 | https://lottiefiles.com |
| UI Movement | UI 动效参考 | https://uimovement.com |
| Animated Drawings | 动效参考资源 | https://animatedbackgrounds.me |
| GSAP Showcase | GSAP 动画示例 | https://gsap.com/showcase |
常见误区
- 范围过宽 → 提出“给我一些灵感”这类无上下文请求，会导致结果泛泛而谈。务必明确：移动端还是 Web？所属行业？期望风格？
- 忽略上下文 → Dribbble 适合概念探索，但常不适用于实际开发。应根据用户是否需要**可落地参考**或**启发性参考**来选择资源。
- 使用过时资源 → 部分图库多年未更新。优先选用持续维护的资源（如 Mobbin、Godly、Awwwards）。
- 遗漏 AI 专用图库 → 对于图像生成提示词与风格参考，AI 专用图库（如 Civitai、PromptHero）比传统设计网站更相关。
关联技能
若用户确认需要，可通过 clawhub install 安装：
design— 设计原则colors— 色彩理论与配色方案ui— UI 组件模式image-generation— AI 图像生成frontend— 前端实现
反馈
- 若本能力有用：
clawhub star inspiration - 保持更新：
clawhub sync
相关专题
本专题从实际API接口调试场景出发，讲解Postman身份认证的完整配置流程，包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查，帮助用户正确完成接口授权与访问验证。
2026.11.06
0
12
围绕Postman HTTP请求头配置展开，讲解Headers选项的具体使用方式，包括Key和Value参数填写、请求头信息添加、常见Header字段设置及请求头修改方法，帮助用户解决接口调试过程中遇到的请求头配置问题。
2026.11.06
0
13
详细介绍Postman接口请求的创建与发送方法，涵盖GET和POST请求、URL配置、请求参数、Headers请求头、Body请求体设置以及响应结果查看，帮助用户掌握Postman接口请求的完整操作流程。
2026.11.06
0
10
DBeaver数据导入专题，整理Excel、CSV、SQL、TXT等常见文件的数据导入方法，涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作，帮助用户将本地文件中的数据写入数据库，并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。
2026.11.05
0
12
DBeaver安全防护专题，围绕数据库连接安全、账号密码保护和访问权限管理展开，整理SSL/TLS加密连接、SSH隧道、数据库凭据保存及证书验证等配置方法，同时介绍敏感信息保护、远程连接风险和高权限账号使用等注意事项，帮助用户提高数据库日常管理的安全性。
2026.11.05
0
12
本专题聚焦DBeaver数据库连接配置与管理，覆盖从新建连接、选择数据库类型到填写连接参数和验证连接的完整流程。针对MySQL、PostgreSQL、SQL Server等常见数据库，整理相应的连接设置方法，并提供驱动缺失、认证失败和连接异常等问题的排查方向。
2026.11.04
0
16
本专题围绕XORM框架的结构体映射展开，说明表名与字段的命名策略、xorm标签常用属性、主键自增与时间字段自动填充，并演示Sync2自动建表、增量字段升级、索引声明与反向生成结构体的完整流程。
2026.11.04
0
15
本专题聚焦XORM框架的配置与连接环节，拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择，讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式，并补充容器与兼容数据库的适配经验。
2026.11.04
0
15
本专题聚焦XORM框架的配置与连接环节，拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择，讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式，并补充容器与兼容数据库的适配经验。
2026.11.04
0
16
热门下载
相关下载
精品课程
共6课时 | 54.7万人学习
共89课时 | 134.1万人学习
共49课时 | 82.6万人学习
最新文章