design-reference-sourcinglisted

# design-reference-sourcing ｜ 联网找素材做参考 > 本子技能是 design-workflow 的**第二层「感知物料」的前置补给线**——动手设计前，先把真实世界的参考素材（色板 / 字体 / 构图 / 3D / 动效 / 音效）喂进 L2，避免凭空想象或套 AI 默认观感。 > 参考用来**校准审美与事实**，不是用来抄。所有抓取素材仅作内部参考 / 灵感，不擅自再发布第三方资产。 ## 核心信条 1. **参考 = 校准，不是复制**。抓回来的图 / 音 / 模型只用于提炼规律（配色逻辑、构图节奏、动效语义），不能直接挪用为产出元素。 2. **开放源直抓，登录源带会话抓**。先看本清单判定登录要求，再选手法。 3. **合规红线优先于便捷**。版权素材复用需授权与署名；音效商用按平台 license。 ## 〇、抓取手法优先级（重要 · 先读） > 本环境已安装 **agent-browser 0.27.0**（CLI），通过 Agent 的 `execute_command` 直接调用，**无需 MCP 配置、每次对话默认可用**。它支持 `open` / `screenshot` / `snapshot` / `--profile Default`（复用本机 Chrome 登录态），是处理「JS 渲染画廊」与「登录源」的最佳手段。 **默认顺序**： 1. **首选：Agent 自带 `WebFetch` + `WebSearch`**（零配置、最稳，取文字/链接/结构） - 开放源（Cosmos / ArtStation / Behance / Unicorn Studio / ThreeUI / React Bits / Spline Community / Codrops Creative Hub）直接用 `WebFetch` 抓页面、`WebSearch` 补定向检索，已实测可用。 2. **次选：agent-browser 截图读图**（取**视觉内容**，这是 WebFetch 做不到的） - 目标页是 **JS 渲染的纯图片画廊**（`WebFetch` 拿不到图）→ `agent-browser open <url> && agent-browser screenshot <path>` → 用 `read_file` 读图提炼风格。 - 需进入**登录源**（Pinterest / 爱给网等）→ 加 `--profile Default` 复用本机 Chrome 登录态，**免 cookie 注入**（`agent-browser --profile Default open <url>`）。 - 调用方式：`execute_command` 跑 `agent-browser ...`（它是 CLI，不在 MCP 列表，走命令行即可）。 3. **cookie 注入仅作最后手段**：仅当 agent-browser 不可用且用户已主动提供会话 cookie 时，才走下方「Pinterest / 爱给网 cookie 实操记录」。密码一律不碰。 > **一句话**：先 `WebFetch`/`WebSearch` 直搜；要"看"到图或要进登录站，用 `execute_command` 调 `agent-browser --profile Default` 截图；cookie 注入是兜底里的兜底。 > **环境事实（写死）**：agent-brows