name: design-inspiration-collector description: 雙平臺設計靈感收集技能。當用戶需要設計參考、UI靈感、視覺創意時觸發。使用者提出設計方向（如"醫療App"、"移動端UI"、"金融Dashboard"等），技能負責：(1) 使用Tavily搜尋Dribbble、Pinterest兩個平臺的官方搜尋結果（不包含個人作品集、畫板）(2) 整理內容並附上鍊接 (3) 輸出 Markdown 文件，命名為"關鍵詞+日期時間"格式 (4) 推薦其他相關方向（不帶連結）。觸發詞：找靈感、收集靈感、設計參考、UI參考、視覺靈感、設計趨勢、Dribbble、Pinterest。

雙平臺設計靈感收集器（Dribbble + Pinterest）

幫助使用者從 Dribbble、Pinterest 兩大平臺高效收集設計靈感，只取平臺官方搜尋/標籤頁結果，不混入個人作品集與個人畫板。

功能特點

1. 雙平臺搜尋：自動搜尋 Dribbble 和 Pinterest 兩個設計平臺
2. 過濾策略：只保留平臺官方搜尋頁 / 官方標籤頁 / 官方話題頁，不包含個人作品集、個人畫板
3. 趨勢分析：提取 AI 設計趨勢摘要
4. 推薦相關：推薦相關設計方向供進一步探索

工作流程

Step 1: 理解需求

當用戶提出設計方向時，確認： - 具體領域（App 型別、設計風格、平臺等） - 是否有細分要求（如"只看移動端"、"只要 Dashboard"）

Step 2: 雙平臺搜尋（核心）

使用 Tavily API 搜尋兩個平臺。關鍵約束：搜尋結果必須是平臺的"大搜索"入口或標籤頁，不能是個人作品集或個人畫板。

搜尋 Query 模板

# Dribbble - 搜尋頁 / 標籤頁
dribbble_query = f"site:dribbble.com {主題} ui design 2026"

# Pinterest - 大搜索 / ideas 頁
pinterest_query = f"site:pinterest.com {主題} ui design"

URL 白名單（必須嚴格遵守）

Dribbble 只允許保留以下 URL 模式： - ✅ https://dribbble.com/search/...（關鍵詞搜尋頁） - ✅ https://dribbble.com/tags/...（標籤頁） - ✅ https://dribbble.com/shots/popular/...（熱門作品頁） - ❌ https://dribbble.com/{使用者名稱}/...（個人作品集 — 禁止） - ❌ https://dribbble.com/shots/{id}-...（單個作品頁 — 禁止，過於具體）

Pinterest 只允許保留以下 URL 模式（按優先順序）： - 🥇 首選 https://www.pinterest.com/search/pins/?q=...（大搜索頁 — 使用者日常使用的搜尋體驗，海量內容 + 頂部篩選標籤） - 🥈 備選 https://www.pinterest.com/ideas/...（ideas 主題頁 — 編輯策展，內容偏少） - ❌ https://www.pinterest.com/{使用者名稱}/...（個人畫板 — 禁止） - ❌ https://www.pinterest.com/pin/...（單個圖釘詳情 — 禁止）

重要：Pinterest 必須優先使用大搜索 URL（/search/pins/?q=...），它是使用者最熟悉的 Pinterest 搜尋體驗，內容更多、更新更快、支援頂部篩選標籤二次精準。/ideas/ 僅作為補充。

過濾邏輯

# Dribbble 過濾
def is_valid_dribbble(url):
    if "/search/" in url or "/tags/" in url:
        return True
    return False

# Pinterest 過濾  
def is_valid_pinterest(url):
    if "/search/pins" in url or "/ideas/" in url or "/search/?" in url:
        return True
    return False

如果搜尋結果命中過多個人頁面，必須調整 query 重搜，或者直接構造平臺標準搜尋 URL：

Dribbble 標準搜尋:  https://dribbble.com/search/{關鍵詞用-連線}
Dribbble 標籤頁:    https://dribbble.com/tags/{關鍵詞用-連線}
Pinterest 大搜索:   https://www.pinterest.com/search/pins/?q={關鍵詞用%20連線}
Pinterest ideas:   https://www.pinterest.com/ideas/{關鍵詞用-連線}/

Step 3: 整理輸出

不再建立騰訊文件，直接生成 Markdown 檔案 寫入工作區，命名格式：{關鍵詞}_{YYYYMMDD_HHMMSS}.md

Step 4: 輸出模板

# {主題} 設計靈感收集

> 收集時間：{YYYY年MM月DD日 HH:MM}
> 來源：Dribbble、Pinterest
> 總計：10 條精選搜尋入口

---

## 📊 趨勢概覽

{AI 分析的設計趨勢 5-7 條要點}

---

## 🎯 Dribbble 搜尋精選 (5條)

### 1. {搜尋/標籤名} ⭐⭐⭐⭐⭐
- **連結**：{URL — 必須是 /search/ 或 /tags/ 型別}
- **型別**：{搜尋頁 / 標籤頁}
- **描述**：{這個搜尋/標籤下大概有哪些型別的作品}

...（共5條，全部為搜尋頁或標籤頁）

---

## 🎨 Pinterest 搜尋精選 (5條)

### 1. {搜尋/ideas 名} ⭐⭐⭐⭐⭐
- **連結**：{URL — 必須是 /search/pins 或 /ideas/ 型別}
- **型別**：{大搜索 / ideas 主題頁}
- **描述**：{這個搜尋下大概有哪些型別的內容}

...（共5條，全部為大搜索或 ideas 頁）

---

## 🔍 推薦搜尋關鍵詞

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

---

## 📌 相關方向推薦

需要我幫你搜索以下細分主題嗎？

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

依賴工具

配置說明

Tavily API Key

7w4.net提供免費和付費技能下載。

在環境中設定：

export TAVILY_API_KEY="tvly-你的key"

使用方法

基本用法

當用戶說"幫我收集 XXX 的設計靈感"時：

1. 使用 Tavily 分別搜尋 Dribbble 和 Pinterest
2. 每個平臺取前 5 條僅限搜尋頁/標籤頁/ideas 頁的結果
3. 如果初次搜尋包含太多個人作品集/畫板連結，重新構造 query 或直接構造標準搜尋 URL
4. 整理成 Markdown 檔案輸出
5. 推薦相關方向

關鍵提示

• 必須過濾個人作品集與畫板：見 URL 白名單
• 優先返回大搜索/標籤頁：讓使用者進入這些入口可以瀏覽大量作品，而非侷限於某一個人
• 不再使用 Behance：使用者已確認排除

示例對話

使用者： 幫我收集醫療App的設計靈感

正確執行： 1. 搜尋 Dribbble：site:dribbble.com healthcare app ui design 2. 過濾後保留 5 條：例如 dribbble.com/search/healthcare-app、dribbble.com/tags/medical-ui 等 3. 搜尋 Pinterest：site:pinterest.com healthcare app ui design 4. 過濾後保留 5 條：例如 pinterest.com/search/pins/?q=healthcare+app+ui、pinterest.com/ideas/healthcare-app-design/... 等 5. 輸出 Markdown 文件：醫療App設計靈感_20260521_102200.md 6. 推薦相關方向：AI 問診、健康追蹤、遠端醫療

錯誤示範： - ❌ 返回 https://dribbble.com/some-user/shots（個人作品集） - ❌ 返回 https://www.pinterest.com/azart108/health-apps/（個人畫板） - ❌ 返回 https://dribbble.com/shots/12345-design（單個作品頁）

搜尋技巧

構造標準搜尋 URL（備用方案）

當 Tavily 搜不到合適的官方搜尋入口時，可以直接構造：

def build_dribbble_urls(keyword):
    kw = keyword.replace(" ", "-").lower()
    return [
        f"https://dribbble.com/search/{kw}",
        f"https://dribbble.com/tags/{kw}",
        f"https://dribbble.com/search/{kw}-ui",
        f"https://dribbble.com/search/{kw}-mobile",
        f"https://dribbble.com/search/{kw}-app",
    ]

def build_pinterest_urls(keyword):
    kw_q = keyword.replace(" ", "+").lower()
    kw_d = keyword.replace(" ", "-").lower()
    return [
        f"https://www.pinterest.com/search/pins/?q={kw_q}+ui+design",
        f"https://www.pinterest.com/search/pins/?q={kw_q}+app+design",
        f"https://www.pinterest.com/ideas/{kw_d}-design/",
        f"https://www.pinterest.com/search/pins/?q={kw_q}+mobile",
        f"https://www.pinterest.com/search/pins/?q={kw_q}+inspiration",
    ]

熱門設計方向關鍵詞

注意事項

1. ✅ 只搜兩個平臺：Dribbble + Pinterest，不再搜 Behance
2. ✅ 只要大搜索/標籤頁：禁止返回個人作品集、個人畫板、單個作品/圖釘詳情頁
3. ✅ 每個平臺 5 條：合計 10 條搜尋入口
4. ✅ 過濾校驗：輸出前必須按 URL 白名單校驗
5. ✅ 找不到合適入口時構造：可以直接基於關鍵詞構造標準搜尋 URL
6. ✅ Markdown 命名：{關鍵詞}_{YYYYMMDD_HHMMSS}.md
7. ✅ 星級評分：按相關度給出 1-5 星
8. ✅ 推薦方向：最後推薦 3-5 個相關細分方向（不帶連結）

這個技能質量不錯，能幫你從 Dribbble 和 Pinterest 快速收集設計靈感連結。做得好的地方：只返回官方搜尋頁面，不會被個人作品集刷屏；Pinterest 用的是最實用的搜尋入口；結果自動去重。不足之處：需要申請 Tavily API 才能搜尋 Dribbble；只能獲取連結，不能直接看圖。適合需要找設計方向參考的使用者使用。