[{"data":1,"prerenderedAt":471},["ShallowReactive",2],{"content-ai":3},{"id":4,"title":5,"body":6,"description":452,"extension":453,"meta":454,"navigation":466,"path":467,"seo":468,"stem":469,"__hash__":470},"content\u002Fai.md","EASYGIF-AI 接入",{"type":7,"value":8,"toc":444},"minimark",[9,14,23,29,33,50,53,67,71,74,94,99,102,137,141,144,148,161,171,206,212,295,299,306,310,313,325,328,331,431,440],[10,11,13],"h1",{"id":12},"让-ai-帮你做-gif","让 AI 帮你做 GIF",[15,16,17,18,22],"p",{},"EasyGIF 把「图片转 GIF」「视频转 GIF」的能力，以 ",[19,20,21],"strong",{},"WebMCP"," 标准暴露成了 AI 可调用的工具。也就是说，你不用再手动点页面，而是可以让你的 Codex\u002FClaude Code\u002FWorkbuddy 等 AI 工具直接帮你生成 GIF，结果会自动下载到本地。",[24,25,26],"blockquote",{},[15,27,28],{},"WebMCP 是由 W3C 社区推进、Google\u002FMicrosoft 共同提出的浏览器标准，让网页可以主动向 AI 暴露「工具」，而不是让 AI 去截图猜按钮。",[30,31,32],"h3",{"id":32},"理解原理",[34,35,36,40,43],"ul",{},[37,38,39],"li",{},"你打开本站任意页面时，本站会自动把工具注册到浏览器里（无需任何操作）。",[37,41,42],{},"你的 Agent 只要「够得着」这个页面，就能发现并调用这些工具。",[37,44,45,46,49],{},"GIF 在",[19,47,48],{},"你自己的浏览器里","完成编码，本站不上传你的图片\u002F视频，也不经过服务器。",[30,51,52],{"id":52},"谁现在就能用",[34,54,55,61],{},[37,56,57,60],{},[19,58,59],{},"浏览器内的 AI","（开启了 WebMCP 的 Chrome、或装了支持 WebMCP 的扩展）：打开页面即可被发现，无需额外配置。",[37,62,63,66],{},[19,64,65],{},"命令行 \u002F 桌面 Agent","（Codex、Claude Code、WorkBuddy 等）：需要按下面第二节做一次本地配置。",[30,68,70],{"id":69},"一浏览器内-ai推荐零配置","一、浏览器内 AI（推荐，零配置）",[15,72,73],{},"如果你的浏览器自带 AI 或装了 WebMCP 扩展：",[75,76,77,88,91],"ol",{},[37,78,79,80,87],{},"打开 ",[81,82,86],"a",{"href":83,"rel":84},"https:\u002F\u002Feasygif.cn",[85],"nofollow","easygif.cn"," 任意制作页面（如「图片转 GIF」「视频转 GIF」）。",[37,89,90],{},"直接对你的 AI 助手说，例如：「把这几张图做成一张 GIF」。",[37,92,93],{},"AI 会调用本站工具，GIF 自动下载到你的「下载」目录。",[95,96,98],"h4",{"id":97},"开启-chrome-原生支持实验阶段","开启 Chrome 原生支持（实验阶段）",[15,100,101],{},"目前 Chrome 的 WebMCP 还在实验阶段，需要手动开启：",[75,103,104,107,127,130],{},[37,105,106],{},"确认 Chrome 版本 ≥ 146。",[37,108,109,110,113,114],{},"地址栏分别打开并设为 ",[19,111,112],{},"Enabled","：\n",[34,115,116,122],{},[37,117,118],{},[119,120,121],"code",{},"chrome:\u002F\u002Fflags\u002F#enable-webmcp-testing",[37,123,124],{},[119,125,126],{},"chrome:\u002F\u002Fflags\u002F#devtools-webmcp-support",[37,128,129],{},"重启浏览器。",[37,131,132,133,136],{},"打开任意页面，按 F12 在控制台输入 ",[119,134,135],{},"navigator.modelContext","，能看到对象即为成功。",[30,138,140],{"id":139},"二命令行-桌面-agentcodex-claude-code-workbuddy","二、命令行 \u002F 桌面 Agent（codex \u002F Claude Code \u002F WorkBuddy）",[15,142,143],{},"这类 Agent 运行在浏览器之外，需要一个本地「中继」把浏览器里的工具桥接出去。配置一次即可。",[30,145,147],{"id":146},"_1-给你的-agent-添加中继-mcp","1. 给你的 Agent 添加中继 MCP",[15,149,150,151,156,157,160],{},"中继由开源项目 ",[81,152,155],{"href":153,"rel":154},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@mcp-b\u002Fwebmcp-local-relay",[85],"@mcp-b\u002Fwebmcp-local-relay"," 提供，用 ",[119,158,159],{},"npx"," 即可运行，无需全局安装。",[15,162,163,166,167,170],{},[19,164,165],{},"codex","（编辑 ",[119,168,169],{},"~\u002F.codex\u002Fconfig.toml","）：",[172,173,178],"pre",{"className":174,"code":175,"language":176,"meta":177,"style":177},"language-toml shiki shiki-themes github-light github-dark","[mcp_servers.webmcp_relay]\ncommand = \"npx\"\nargs = [\"-y\", \"@mcp-b\u002Fwebmcp-local-relay@latest\"]\nstartup_timeout_sec = 120\n","toml","",[119,179,180,188,194,200],{"__ignoreMap":177},[181,182,185],"span",{"class":183,"line":184},"line",1,[181,186,187],{},"[mcp_servers.webmcp_relay]\n",[181,189,191],{"class":183,"line":190},2,[181,192,193],{},"command = \"npx\"\n",[181,195,197],{"class":183,"line":196},3,[181,198,199],{},"args = [\"-y\", \"@mcp-b\u002Fwebmcp-local-relay@latest\"]\n",[181,201,203],{"class":183,"line":202},4,[181,204,205],{},"startup_timeout_sec = 120\n",[15,207,208,211],{},[19,209,210],{},"Claude Code \u002F Claude Desktop \u002F WorkBuddy 等","（JSON 格式的 MCP 配置）：",[172,213,217],{"className":214,"code":215,"language":216,"meta":177,"style":177},"language-json shiki shiki-themes github-light github-dark","{\n  \"mcpServers\": {\n    \"webmcp_relay\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@mcp-b\u002Fwebmcp-local-relay@latest\"]\n    }\n  }\n}\n","json",[119,218,219,225,234,241,256,277,283,289],{"__ignoreMap":177},[181,220,221],{"class":183,"line":184},[181,222,224],{"class":223},"sVt8B","{\n",[181,226,227,231],{"class":183,"line":190},[181,228,230],{"class":229},"sj4cs","  \"mcpServers\"",[181,232,233],{"class":223},": {\n",[181,235,236,239],{"class":183,"line":196},[181,237,238],{"class":229},"    \"webmcp_relay\"",[181,240,233],{"class":223},[181,242,243,246,249,253],{"class":183,"line":202},[181,244,245],{"class":229},"      \"command\"",[181,247,248],{"class":223},": ",[181,250,252],{"class":251},"sZZnC","\"npx\"",[181,254,255],{"class":223},",\n",[181,257,259,262,265,268,271,274],{"class":183,"line":258},5,[181,260,261],{"class":229},"      \"args\"",[181,263,264],{"class":223},": [",[181,266,267],{"class":251},"\"-y\"",[181,269,270],{"class":223},", ",[181,272,273],{"class":251},"\"@mcp-b\u002Fwebmcp-local-relay@latest\"",[181,275,276],{"class":223},"]\n",[181,278,280],{"class":183,"line":279},6,[181,281,282],{"class":223},"    }\n",[181,284,286],{"class":183,"line":285},7,[181,287,288],{"class":223},"  }\n",[181,290,292],{"class":183,"line":291},8,[181,293,294],{"class":223},"}\n",[95,296,298],{"id":297},"_2-打开本站页面","2. 打开本站页面",[15,300,301,302,305],{},"在浏览器打开 ",[81,303,86],{"href":83,"rel":304},[85]," 的任意制作页面并保持开着——工具依附于这个标签页，关掉就没了。",[95,307,309],{"id":308},"_3-在-agent-里调用","3. 在 Agent 里调用",[15,311,312],{},"启动你的 Agent，它会自动拉起中继并发现页面。你可以让它：",[34,314,315,322],{},[37,316,317,318,321],{},"列出可用工具（会看到 ",[119,319,320],{},"easygif_*","）；",[37,323,324],{},"调用工具生成 GIF。例如让它执行「图片转 GIF」并传入图片地址。",[15,326,327],{},"GIF 会在浏览器自动下载，同时工具也会把 GIF 字节返回给 Agent。",[30,329,330],{"id":330},"可用工具一览",[332,333,334,350],"table",{},[335,336,337],"thead",{},[338,339,340,344,347],"tr",{},[341,342,343],"th",{},"工具",[341,345,346],{},"作用",[341,348,349],{},"主要参数",[351,352,353,367,398],"tbody",{},[338,354,355,361,364],{},[356,357,358],"td",{},[119,359,360],{},"easygif_list_tools",[356,362,363],{},"列出本站全部可用工具",[356,365,366],{},"无",[338,368,369,374,377],{},[356,370,371],{},[119,372,373],{},"easygif_create_gif_from_images",[356,375,376],{},"多张图片合成 GIF",[356,378,379,382,383,382,386,382,389,382,392,382,395],{},[119,380,381],{},"imageUrls","、",[119,384,385],{},"width",[119,387,388],{},"height",[119,390,391],{},"delay",[119,393,394],{},"maxColors",[119,396,397],{},"background",[338,399,400,405,408],{},[356,401,402],{},[119,403,404],{},"easygif_video_to_gif",[356,406,407],{},"视频转 GIF（FFmpeg）",[356,409,410,382,413,382,415,382,417,382,420,382,423,382,425,382,428],{},[119,411,412],{},"videoUrl",[119,414,385],{},[119,416,388],{},[119,418,419],{},"fps",[119,421,422],{},"speed",[119,424,394],{},[119,426,427],{},"start",[119,429,430],{},"duration",[24,432,433],{},[15,434,435,436,439],{},"所有工具默认会在浏览器直接触发 GIF 下载（可用参数 ",[119,437,438],{},"download: false"," 关闭），同时返回 GIF 图片字节（base64）。",[441,442,443],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}",{"title":177,"searchDepth":190,"depth":190,"links":445},[446,447,448,449,450,451],{"id":32,"depth":196,"text":32},{"id":52,"depth":196,"text":52},{"id":69,"depth":196,"text":70},{"id":139,"depth":196,"text":140},{"id":146,"depth":196,"text":147},{"id":330,"depth":196,"text":330},"easygif.cn 通过 WebMCP 让 AI \u002F Agent 直接调用 GIF 制作能力","md",{"head":455},{"meta":456},[457,460,463],{"name":458,"content":459},"keywords","WebMCP,AI制作GIF,MCP,agent调用GIF,codex,Claude Code,AI接入",{"name":461,"content":462},"og:title","easygif.cn-AI 接入",{"name":464,"content":465},"og:description","easygif.cn-让 AI 直接帮你制作 GIF",true,"\u002Fai",{"title":5,"description":452},"ai","n_cJHH_E00TQBUhA-wtlOLiYn1hOcuQIlmBICbWUlto",1783618935297]