design-inspiration-collector

多平台设计灵感收集技能。当用户需要设计参考、UI灵感、视觉创意时触发。用户提出设计方向（如"医疗App"、"移动端UI"、"金融Dashboard"等），技能负责：(1) 使用Tavily搜索Behance、Dribbble、Pinterest三个平台的相关内容 (2) 整理内容并附上链接 (3) 生成腾讯文档，文档命名为"关键词+日期时间"格式 (4) 发送文档链接给用户 (5) 推荐其他相关方向（不带链接）。触发词：找灵感、收集灵感、设计参考、UI参考、视觉灵感、设计趋势、Behance、Dribbble、Pinterest。

3,891 stars

byopenclaw

View on GitHub Installation ↓

Best use case

design-inspiration-collector is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Teams using design-inspiration-collector should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

You only need a quick one-off answer and do not need a reusable workflow.
You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/design-inspiration-collector/SKILL.md --create-dirs "https://raw.githubusercontent.com/openclaw/skills/main/skills/benson126/design-inspiration-collector/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/design-inspiration-collector/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How design-inspiration-collector Compares

Feature / Agent	design-inspiration-collector	Standard Approach
Platform Support	Not specified	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

Related Guides

AI Agents for Marketing

Discover AI agents for marketing workflows, from SEO and content production to campaign research, outreach, and analytics.

AI Agents for Startups

Explore AI agent skills for startup validation, product research, growth experiments, documentation, and fast execution with small teams.

AI Agents for Coding

Browse AI agent skills for coding, debugging, testing, refactoring, code review, and developer workflows across Claude, Cursor, and Codex.

SKILL.md Source

# 多平台设计灵感收集器

帮助用户从 Behance、Dribbble、Pinterest 三个平台高效收集设计灵感，并生成腾讯文档。

## 功能特点

1. **多平台搜索**：自动搜索 Behance、Dribbble、Pinterest 三个设计平台
2. **腾讯文档**：自动生成腾讯智能文档，命名为"关键词+日期时间"格式
3. **趋势分析**：提取 AI 设计趋势摘要
4. **推荐相关**：推荐相关设计方向供进一步探索

## 工作流程

### Step 1: 理解需求

当用户提出设计方向时，确认：
- 具体领域（App类型、设计风格、平台等）
- 是否有细分要求（如"只看移动端"、"只要Dashboard"）

### Step 2: 多平台搜索

使用 Tavily API 搜索三个平台：

```python
# Pinterest
query = f"site:pinterest.com {主题} ui ux design 2026"

# Dribbble
query = f"site:dribbble.com {主题} ui design 2026"

# Behance
query = f"site:behance.net {主题} ui ux design 2026"
```

### Step 3: 生成腾讯文档

使用 mcporter 调用 tencent-docs 创建腾讯智能文档：

```bash
# 创建智能文档，命名为：关键词+日期时间
mcporter call "tencent-docs" "create_smartcanvas_by_markdown" --args '{"title": "{关键词}_{YYYYMMDD_HHMMSS}", "markdown": "# 内容标题\n\n## 平台1\n- 内容..."}'
```

**文档命名格式**：`{关键词}_{YYYYMMDD_HHMMSS}`

示例：
- `医疗App设计灵感_20260311_170245`
- `金融Dashboard_20260311_143022`

### Step 4: 发送文档链接

将腾讯文档链接发送给用户，格式如下：

```
# {主题} 设计灵感收集

> 来源：Behance、Dribbble、Pinterest

---

## 📊 趋势概览

{AI 分析的设计趋势}

---

## 🎨 Pinterest 精选 (5条)

1. **{标题}** ⭐⭐⭐⭐⭐
   - 链接：{URL}
   - 内容：{描述}

2. **{标题}** ⭐⭐⭐⭐
   - 链接：{URL}
   - 内容：{描述}

...（共5条）

---

## 🎯 Dribbble 精选 (5条)

...

---

## 💎 Behance 精选 (5条)

...

---

## 🔍 搜索关键词

- `{主题} ui design`
- `{主题} app ui`
- `{主题} dashboard`
- `{主题} mobile`

---

## 📌 相关方向推荐

需要我帮你搜索以下细分主题吗？

1. **{方向1}** - {简短描述}
2. **{方向2}** - {简短描述}
3. **{方向3}** - {简短描述}
```

---

**腾讯文档链接**：https://docs.qq.com/doc/xxx

---

## 依赖工具

| 工具 | 用途 | 安装 |
|------|------|------|
| Tavily API | 搜索三个设计平台 | `pip install tavily-python` |
| tencent-docs | 创建腾讯文档 | `skillhub install tencent-docs` |

## 配置说明

### Tavily API Key

在环境中设置：
```bash
export TAVILY_API_KEY="tvly-你的key"
```

或修改脚本中的默认值。

## 使用方法

### 基本用法

当用户说"帮我收集 XXX 的设计灵感"时：

1. 使用 Tavily 搜索三个平台
2. 每个平台取前 5 条结果
3. 整理成 Markdown 格式
4. 直接在聊天窗口发送
5. 推荐相关方向

### 示例对话

**用户：** 帮我收集医疗App的设计灵感

**执行：**
1. 搜索三个平台：`healthcare app ui design`
2. 整理 15 条内容（每个平台 5 条）
3. 创建腾讯文档：`医疗App设计灵感_20260311_170245`
4. 发送文档链接给用户
5. 推荐相关方向：AI问诊、健康追踪、远程医疗

**回复：**
```
✅ 腾讯文档已创建！

**文档名称**：医疗App设计灵感_20260311_170245
**文档链接**：https://docs.qq.com/doc/xxx

共收集 15 条设计灵感（Pinterest 5条、Dribbble 5条、Behance 5条）

---

## 📌 相关方向推荐

1. **AI 问诊助手** - 智能问诊、症状分析
2. **健康追踪** - 运动记录、睡眠监测
3. **远程医疗** - 视频问诊、处方管理
```

## 搜索技巧

### 热门设计方向

| 方向 | 关键词 |
|------|--------|
| 移动 App | mobile app, ios, android, app ui |
| 网页设计 | web design, landing page, website |
| 仪表盘 | dashboard, admin panel, data viz |
| 电商 | ecommerce, shop, checkout |
| 金融 | fintech, banking, crypto, payment |
| 健康 | health, medical, fitness, wellness |
| 风格 | glassmorphism, neumorphism, minimal |

## 注意事项

1. **三个平台都要搜**：Pinterest、Dribbble、Behance，每个平台至少 5 条
2. **腾讯文档命名**：必须按 `{关键词}_{YYYYMMDD_HHMMSS}` 格式命名
3. **按平台分类**：文档中清晰标注 Pinterest、Dribbble、Behance
4. **推荐内容**：最后推荐 3-5 个相关方向（不带链接）
5. **星级评分**：按相关度给出 1-5 星评分
6. **发送链接**：必须发送腾讯文档链接给用户

Related Skills

Presentation Mastery — Complete Slide Design & Delivery System

3891

from openclaw/skills

You are a Presentation Architect. You help build presentations that persuade, inform, and move people to action. You cover the full lifecycle: audience analysis → narrative structure → slide design → delivery coaching → post-presentation follow-up.

Content & Documentation

ui-designer

3891

from openclaw/skills

Design beautiful interfaces using 16+ design systems including Material You, Fluent Design, Apple HIG, Ant Design, Carbon Design, Shopify Polaris, Minimalism, Glassmorphism, Neo-Brutalism, Neumorphism, Skeuomorphism, Claymorphism, Swiss Design, and Atlassian Design. Expert in Tailwind CSS, color harmonics, component theming, and accessibility (WCAG).

UI Design & Prototyping

instructional-design-cn

3891

from openclaw/skills

培训课程大纲设计、效果评估、内部分享材料生成

Workflow & Productivity

designer-intelligence-station

3891

from openclaw/skills

设计师情报收集工具。监控 40 个公开信息源（AI/硬件/手机/设计），6 维筛选标准 v2.0（基于 120+ 条行为分析），生成结构化日报/周报。仅抓取公开内容，不登录、不提交表单、不绕过付费墙。支持依赖自动检测和安装。

Data & Research

SendTradeSignal

3891

from openclaw/skills

A specialized tool for sending quantitative trading signals to the FMZ platform via HTTP API.

Finance & Trading

crm-antdesign-admin-spec

3891

from openclaw/skills

Design, structure, review, and generate B2B CRM or admin pages using an Ant Design-style system with page taxonomy, reusable layout rules, token guidance, component mapping, and AI-generation constraints. Use when the user wants a CRM/admin dashboard, statistics page, AI analytics page, list page, customer page, or configuration/tool page that must stay implementation-friendly and visually consistent.

design-style

3891

from openclaw/skills

Use this skill when the user asks to build, create, design, develop, or improve ANY frontend interface, web page, UI component, or visual element. This includes: - Building landing pages, websites, web apps, dashboards, portfolios, or any web interface - Creating UI components (buttons, forms, cards, navbars, modals, etc.) - Designing pages with React, Vue, Next.js, Svelte, or any frontend framework - Adding styling or improving visual design of existing components - Implementing specific design aesthetics (modern, dark, minimalist, brutalist, etc.) - User mentions "frontend", "UI", "UX", "design", "interface", "web design", or "styling" - User asks for "beautiful", "modern", "professional", "clean", or any aesthetic adjective - User requests help with CSS, Tailwind, styled-components, or any styling approach This skill automatically retrieves the appropriate design system prompt (Neo-brutalism, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) to help create visually distinctive, production-grade frontend code instead of generic UI. IMPORTANT: Trigger this skill proactively for ANY frontend/UI work, not just when design style is explicitly mentioned.

Ant Design 组件库 (antd)

3891

from openclaw/skills

## 描述

vaccine-design-orchestrator

3891

from openclaw/skills

Use this skill when the user wants to evaluate a new nanoparticle vaccine candidate, redesign a computational screening workflow, define gate criteria, or produce a Go/Hold/Kill decision.

skill_creator_design

3891

from openclaw/skills

生成定制化的设计项目 Skill（含 SKILL.md + references/），为用户的设计过程提供从需求定义到交付的持续引导。触发场景：用户表达想做设计相关工作（"我想设计 X""做个 X 的方案" "帮我设计一个 X""出个设计""改版 X""重新做一下 X""想想 X 怎么做""design X" "redesign X"），或要求生成设计规划、设计 skill（"创建设计项目""generate a design skill" "帮我规划一下这个设计"）。涵盖产品设计、交互设计、体验设计、信息架构、视觉方案等。安装本 skill 即表明用户倾向于系统化设计管理——遇到设计意图时优先触发，而非直接进入即时头脑风暴。

ad-designer

3891

from openclaw/skills

Generate marketing ad images using Nano Banana Pro (Gemini 3 Pro Image). Accepts campaign-planner creative briefs, reads brand bible for visual style, constructs marketing-optimized prompts, and produces platform-ready images at correct aspect ratios. Supports 1:1, 9:16, 16:9, 4:5 formats. Includes self-review loop to catch hallucinated logos, wrong text, and quality issues. Draft-first workflow (1K fast iteration, 4K final). Outputs to /tmp/marketing/assets/images/.

plan-design-review

3891

from openclaw/skills

Designer's eye plan review — interactive, like CEO and Eng review. Rates each design dimension 0-10, explains what would make it a 10, then fixes the plan to get there. Works in plan mode.