[{"data":1,"prerenderedAt":785},["ShallowReactive",2],{"navigation":3,"\u002Fskills-mcp\u002Fmcp-overview":312,"\u002Fskills-mcp\u002Fmcp-overview-surround":780},[4,21,54,95,153,169,188,251,280,292],{"title":5,"path":6,"stem":7,"children":8,"icon":20},"快速开始","\u002Fstart","1.start\u002F0.index",[9,11,15],{"title":5,"path":6,"stem":7,"icon":10},"i-lucide-house",{"title":12,"path":13,"stem":14,"icon":10},"使用 TokenResearch Docs","\u002Fstart\u002Felysia-code","1.start\u002F1.elysia-code",{"title":16,"path":17,"stem":18,"icon":19},"安装Node.js 和 Git","\u002Fstart\u002Fnode-git","1.start\u002F2.node-git","i-simple-icons-javascript",false,{"title":22,"path":23,"stem":24,"children":25,"icon":20},"基础教程","\u002Ftutorials","2.tutorials\u002F1.index",[26,29,34,39,44,49],{"title":27,"path":23,"stem":24,"icon":28},"教程路线图","i-lucide-route",{"title":30,"path":31,"stem":32,"icon":33},"环境准备","\u002Ftutorials\u002Fenvironment","2.tutorials\u002F2.environment","i-lucide-settings-2",{"title":35,"path":36,"stem":37,"icon":38},"Codex 首次运行","\u002Ftutorials\u002Fcodex-first-run","2.tutorials\u002F3.codex-first-run","i-lucide-terminal",{"title":40,"path":41,"stem":42,"icon":43},"Agent 规则","\u002Ftutorials\u002Fagent-rules","2.tutorials\u002F4.agent-rules","i-lucide-scroll-text",{"title":45,"path":46,"stem":47,"icon":48},"视觉验收","\u002Ftutorials\u002Fvisual-review","2.tutorials\u002F5.visual-review","i-lucide-monitor-check",{"title":50,"path":51,"stem":52,"icon":53},"质量门禁","\u002Ftutorials\u002Fquality-gates","2.tutorials\u002F6.quality-gates","i-lucide-shield-check",{"title":55,"path":56,"stem":57,"children":58,"icon":20},"Codex 配置文档","\u002Fcodex","3.codex\u002F0.index",[59,61,66,71,76,80,85,90],{"title":55,"path":56,"stem":57,"icon":60},"i-lucide-bot",{"title":62,"path":63,"stem":64,"icon":65},"安装Codex CLI","\u002Fcodex\u002Finstall-cli","3.codex\u002F1.install-cli","i-simple-icons-openai",{"title":67,"path":68,"stem":69,"icon":70},"安装 IDE 插件","\u002Fcodex\u002Finstall-ide","3.codex\u002F2.install-ide","i-lucide-puzzle",{"title":72,"path":73,"stem":74,"icon":75},"Codex App桌面端","\u002Fcodex\u002Fapp-desktop","3.codex\u002F3.app-desktop","i-lucide-flask-conical",{"title":77,"path":78,"stem":79,"icon":60},"Codex配置\u002F使用","\u002Fcodex\u002Fmodel","3.codex\u002F5.model",{"title":81,"path":82,"stem":83,"icon":84},"其他错误","\u002Fcodex\u002Fother-errors","3.codex\u002F6.other-errors","i-lucide-info",{"title":86,"path":87,"stem":88,"icon":89},"网络与代理","\u002Fcodex\u002Fnetwork-proxy","3.codex\u002F7.network-proxy","i-lucide-globe",{"title":91,"path":92,"stem":93,"icon":94},"Codex模型测试","\u002Fcodex\u002Fmodel-test","3.codex\u002F8.model-test","i-lucide-boxes",{"title":96,"path":97,"stem":98,"children":99,"icon":20},"模型中心","\u002Fmodels","4.models\u002F01.index",[100,102,106,111,116,121,125,129,134,139,144,149],{"title":96,"path":97,"stem":98,"icon":101},"i-lucide-store",{"title":103,"path":104,"stem":105,"icon":28},"任务路由建议","\u002Fmodels\u002Ftask-routing","4.models\u002F02.task-routing",{"title":107,"path":108,"stem":109,"icon":110},"推理等级评测","\u002Fmodels\u002Freasoning-levels","4.models\u002F03.reasoning-levels","i-lucide-brain",{"title":112,"path":113,"stem":114,"icon":115},"上下文与压缩","\u002Fmodels\u002Fcontext-compression","4.models\u002F04.context-compression","i-lucide-file-stack",{"title":117,"path":118,"stem":119,"icon":120},"评测记录模板","\u002Fmodels\u002Feval-template","4.models\u002F05.eval-template","i-lucide-clipboard-list",{"title":122,"path":123,"stem":124,"icon":48},"前端视觉评测","\u002Fmodels\u002Ffrontend-visual","4.models\u002F06.frontend-visual",{"title":126,"path":127,"stem":128,"icon":43},"研究写作评测","\u002Fmodels\u002Fresearch-writing","4.models\u002F07.research-writing",{"title":130,"path":131,"stem":132,"icon":133},"运维排查评测","\u002Fmodels\u002Fops-debug","4.models\u002F08.ops-debug","i-lucide-server-cog",{"title":135,"path":136,"stem":137,"icon":138},"成本与速度评测","\u002Fmodels\u002Fcost-speed","4.models\u002F09.cost-speed","i-lucide-timer",{"title":140,"path":141,"stem":142,"icon":143},"工具调用评测","\u002Fmodels\u002Ftool-use","4.models\u002F10.tool-use","i-lucide-terminal-square",{"title":145,"path":146,"stem":147,"icon":148},"样例评测记录","\u002Fmodels\u002Fsample-records","4.models\u002F11.sample-records","i-lucide-clipboard-check",{"title":150,"path":151,"stem":152,"icon":101},"模型广场","\u002Fmodels\u002Fmarket","4.models\u002F12.market",{"title":154,"path":155,"stem":156,"children":157,"icon":20},"OpenCode 配置文档","\u002Fopencode","5.opencode\u002F0.index",[158,160,165],{"title":154,"path":155,"stem":156,"icon":159},"i-lucide-code-xml",{"title":161,"path":162,"stem":163,"icon":164},"安装OpenCode","\u002Fopencode\u002Finstall-opencode","5.opencode\u002F1.install-opencode","i-lucide-code",{"title":166,"path":167,"stem":168,"icon":164},"配置模型","\u002Fopencode\u002Fmodel","5.opencode\u002F2.model",{"title":170,"path":171,"stem":172,"children":173,"icon":20},"Claude Code 配置文档","\u002Fclaude-code","6.claude-code\u002F0.index",[174,176,180,184],{"title":170,"path":171,"stem":172,"icon":175},"i-lucide-sparkles",{"title":177,"path":178,"stem":179,"icon":175},"安装Claude CLI","\u002Fclaude-code\u002Finstall-cli","6.claude-code\u002F1.install-cli",{"title":181,"path":182,"stem":183,"icon":70},"插件配置","\u002Fclaude-code\u002Fplugin","6.claude-code\u002F2.plugin",{"title":185,"path":186,"stem":187,"icon":94},"模型配置","\u002Fclaude-code\u002Fmodel","6.claude-code\u002F3.model",{"title":189,"path":190,"stem":191,"children":192,"icon":20},"Skill Gallery","\u002Fgallery","7.gallery\u002F01.index",[193,195,200,205,210,215,219,224,229,234,238,242,247],{"title":189,"path":190,"stem":191,"icon":194},"i-lucide-gallery-horizontal-end",{"title":196,"path":197,"stem":198,"icon":199},"Image Generation","\u002Fgallery\u002Fimagegen","7.gallery\u002F02.imagegen","i-lucide-image",{"title":201,"path":202,"stem":203,"icon":204},"Paper Analyze","\u002Fgallery\u002Fpaper-analyze","7.gallery\u002F03.paper-analyze","i-lucide-file-search",{"title":206,"path":207,"stem":208,"icon":209},"Presentation Builder","\u002Fgallery\u002Fpresentation","7.gallery\u002F04.presentation","i-lucide-presentation",{"title":211,"path":212,"stem":213,"icon":214},"Spreadsheet Analyst","\u002Fgallery\u002Fspreadsheet","7.gallery\u002F05.spreadsheet","i-lucide-table-properties",{"title":216,"path":217,"stem":218,"icon":48},"Browser Visual QA","\u002Fgallery\u002Fbrowser-visual-qa","7.gallery\u002F06.browser-visual-qa",{"title":220,"path":221,"stem":222,"icon":223},"Zotero Research","\u002Fgallery\u002Fzotero-research","7.gallery\u002F07.zotero-research","i-lucide-library",{"title":225,"path":226,"stem":227,"icon":228},"Research Loop","\u002Fgallery\u002Fresearch-loop","7.gallery\u002F08.research-loop","i-lucide-orbit",{"title":230,"path":231,"stem":232,"icon":233},"PDF and Docs","\u002Fgallery\u002Fpdf-docs","7.gallery\u002F09.pdf-docs","i-lucide-file-type",{"title":235,"path":236,"stem":237,"icon":133},"Ops Debug","\u002Fgallery\u002Fops-debug","7.gallery\u002F10.ops-debug",{"title":239,"path":240,"stem":241,"icon":43},"LaTeX Paper","\u002Fgallery\u002Flatex-paper","7.gallery\u002F11.latex-paper",{"title":243,"path":244,"stem":245,"icon":246},"Diagram Canvas","\u002Fgallery\u002Fdiagram-canvas","7.gallery\u002F12.diagram-canvas","i-lucide-git-compare-arrows",{"title":248,"path":249,"stem":250,"icon":175},"Hatch Pet","\u002Fgallery\u002Fhatch-pet","7.gallery\u002F13.hatch-pet",{"title":252,"path":253,"stem":254,"children":255,"icon":20},"场景路线","\u002Fworkflows","8.workflows\u002F01.index",[256,258,263,268,272,276],{"title":252,"path":253,"stem":254,"icon":257},"i-lucide-map",{"title":259,"path":260,"stem":261,"icon":262},"论文到汇报","\u002Fworkflows\u002Fpaper-to-slides","8.workflows\u002F02.paper-to-slides","i-lucide-file-chart-column",{"title":264,"path":265,"stem":266,"icon":267},"视觉复刻路线","\u002Fworkflows\u002Fvisual-replica","8.workflows\u002F03.visual-replica","i-lucide-monitor-dot",{"title":269,"path":270,"stem":271,"icon":28},"模型路由记录","\u002Fworkflows\u002Fmodel-routing","8.workflows\u002F04.model-routing",{"title":273,"path":274,"stem":275,"icon":194},"Skill 沉淀路线","\u002Fworkflows\u002Fskill-to-gallery","8.workflows\u002F05.skill-to-gallery",{"title":277,"path":278,"stem":279,"icon":133},"运维现场排查","\u002Fworkflows\u002Fops-live-debug","8.workflows\u002F06.ops-live-debug",{"title":281,"path":282,"stem":283,"children":284,"icon":20},"常见问题","\u002Ffaq","91.faq\u002F0.index",[285,288],{"title":286,"path":282,"stem":283,"icon":287},"FAQ","i-lucide-circle-help",{"title":289,"path":290,"stem":291,"icon":84},"通用问题","\u002Ffaq\u002Fcommon","91.faq\u002F1.common",{"title":293,"path":294,"stem":295,"children":296,"icon":20},"Skills 与 MCP","\u002Fskills-mcp","92.skills-mcp\u002F0.index",[297,299,304,308],{"title":293,"path":294,"stem":295,"icon":298},"i-lucide-plug",{"title":300,"path":301,"stem":302,"icon":303},"Skills 推荐","\u002Fskills-mcp\u002Fskills","92.skills-mcp\u002F1.skills","i-lucide-link",{"title":305,"path":306,"stem":307,"icon":298},"MCP 使用边界","\u002Fskills-mcp\u002Fmcp-overview","92.skills-mcp\u002F2.mcp-overview",{"title":309,"path":310,"stem":311,"icon":303},"chrome-devtools-mcp","\u002Fskills-mcp\u002Fchrome-devtools-mcp","92.skills-mcp\u002F3.chrome-devtools-mcp",{"id":313,"title":305,"body":314,"description":773,"extension":774,"links":775,"meta":776,"navigation":777,"path":306,"seo":778,"stem":307,"__hash__":779},"docs\u002F92.skills-mcp\u002F2.mcp-overview.md",{"type":315,"value":316,"toc":763},"minimark",[317,322,326,330,346,350,364,367,432,435,442,445,448,581,584,686,689,692,753,756,759],[318,319,321],"h2",{"id":320},"mcp-解决什么","MCP 解决什么",[323,324,325],"p",{},"MCP 适合把实时工具、外部系统和可查询资源交给 Agent 使用。典型例子包括浏览器调试、设计系统文档、内部数据库、项目索引、自动化服务和远程状态查询。",[318,327,329],{"id":328},"什么时候需要-mcp","什么时候需要 MCP",[331,332,333,337,340,343],"ul",{},[334,335,336],"li",{},"需要读取实时状态，而不是静态说明。",[334,338,339],{},"需要调用工具完成点击、截图、查询、检索或检查。",[334,341,342],{},"需要把一个服务暴露成可复用能力，供多个 Agent 使用。",[334,344,345],{},"需要减少手写命令和手工复制结果。",[318,347,349],{"id":348},"什么时候不需要-mcp","什么时候不需要 MCP",[331,351,352,355,358,361],{},[334,353,354],{},"只是固定流程和注意事项，写成 Skill 更轻。",[334,356,357],{},"只是一次性任务，写在当前页面或 AGENTS.md 即可。",[334,359,360],{},"工具输出不可验证，或者权限边界不清楚。",[334,362,363],{},"项目还没有稳定流程，过早接 MCP 会增加维护成本。",[318,365,366],{"id":366},"决策表",[368,369,370,383],"table",{},[371,372,373],"thead",{},[374,375,376,380],"tr",{},[377,378,379],"th",{},"需求",[377,381,382],{},"建议",[384,385,386,395,408,416,424],"tbody",{},[374,387,388,392],{},[389,390,391],"td",{},"只告诉 Agent 做事顺序",[389,393,394],{},"写 Skill",[374,396,397,400],{},[389,398,399],{},"固化项目规则",[389,401,402,403,407],{},"写 ",[404,405,406],"code",{},"AGENTS.md"," 或文档页",[374,409,410,413],{},[389,411,412],{},"查询实时浏览器 DOM",[389,414,415],{},"接浏览器 MCP 或 Playwright",[374,417,418,421],{},[389,419,420],{},"查询本地\u002F远端系统状态",[389,422,423],{},"MCP、CLI 或 SSH live probe",[374,425,426,429],{},[389,427,428],{},"生成可展示案例",[389,430,431],{},"写 Gallery 页面",[318,433,434],{"id":434},"和视觉验收结合",[323,436,437,438,441],{},"前端复刻类任务优先使用真实浏览器检查。可以先用 Playwright 保存截图，再在复杂交互或 DOM 调试时接 ",[439,440,309],"a",{"href":310},"。",[318,443,444],{"id":444},"配置示例",[323,446,447],{},"MCP 配置应该最小授权。下面是远程只读文档 MCP 的形态，真实项目要替换成自己的服务名和 URL。",[449,450,455],"pre",{"className":451,"code":452,"language":453,"meta":454,"style":454},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"mcp\": {\n    \"docs-reference\": {\n      \"type\": \"remote\",\n      \"url\": \"https:\u002F\u002Fexample.com\u002Fmcp\",\n      \"enabled\": true\n    }\n  }\n}\n","json","",[404,456,457,466,485,501,527,548,563,569,575],{"__ignoreMap":454},[458,459,462],"span",{"class":460,"line":461},"line",1,[458,463,465],{"class":464},"sMK4o","{\n",[458,467,469,472,476,479,482],{"class":460,"line":468},2,[458,470,471],{"class":464},"  \"",[458,473,475],{"class":474},"spNyl","mcp",[458,477,478],{"class":464},"\"",[458,480,481],{"class":464},":",[458,483,484],{"class":464}," {\n",[458,486,488,491,495,497,499],{"class":460,"line":487},3,[458,489,490],{"class":464},"    \"",[458,492,494],{"class":493},"sBMFI","docs-reference",[458,496,478],{"class":464},[458,498,481],{"class":464},[458,500,484],{"class":464},[458,502,504,507,511,513,515,518,522,524],{"class":460,"line":503},4,[458,505,506],{"class":464},"      \"",[458,508,510],{"class":509},"sbssI","type",[458,512,478],{"class":464},[458,514,481],{"class":464},[458,516,517],{"class":464}," \"",[458,519,521],{"class":520},"sfazB","remote",[458,523,478],{"class":464},[458,525,526],{"class":464},",\n",[458,528,530,532,535,537,539,541,544,546],{"class":460,"line":529},5,[458,531,506],{"class":464},[458,533,534],{"class":509},"url",[458,536,478],{"class":464},[458,538,481],{"class":464},[458,540,517],{"class":464},[458,542,543],{"class":520},"https:\u002F\u002Fexample.com\u002Fmcp",[458,545,478],{"class":464},[458,547,526],{"class":464},[458,549,551,553,556,558,560],{"class":460,"line":550},6,[458,552,506],{"class":464},[458,554,555],{"class":509},"enabled",[458,557,478],{"class":464},[458,559,481],{"class":464},[458,561,562],{"class":464}," true\n",[458,564,566],{"class":460,"line":565},7,[458,567,568],{"class":464},"    }\n",[458,570,572],{"class":460,"line":571},8,[458,573,574],{"class":464},"  }\n",[458,576,578],{"class":460,"line":577},9,[458,579,580],{"class":464},"}\n",[323,582,583],{},"本地工具型 MCP 要额外标注权限边界：",[449,585,587],{"className":451,"code":586,"language":453,"meta":454,"style":454},"{\n  \"mcp\": {\n    \"browser-qa\": {\n      \"command\": \"npx\",\n      \"args\": [\"chrome-devtools-mcp\"],\n      \"readOnly\": true\n    }\n  }\n}\n",[404,588,589,593,605,618,638,661,674,678,682],{"__ignoreMap":454},[458,590,591],{"class":460,"line":461},[458,592,465],{"class":464},[458,594,595,597,599,601,603],{"class":460,"line":468},[458,596,471],{"class":464},[458,598,475],{"class":474},[458,600,478],{"class":464},[458,602,481],{"class":464},[458,604,484],{"class":464},[458,606,607,609,612,614,616],{"class":460,"line":487},[458,608,490],{"class":464},[458,610,611],{"class":493},"browser-qa",[458,613,478],{"class":464},[458,615,481],{"class":464},[458,617,484],{"class":464},[458,619,620,622,625,627,629,631,634,636],{"class":460,"line":503},[458,621,506],{"class":464},[458,623,624],{"class":509},"command",[458,626,478],{"class":464},[458,628,481],{"class":464},[458,630,517],{"class":464},[458,632,633],{"class":520},"npx",[458,635,478],{"class":464},[458,637,526],{"class":464},[458,639,640,642,645,647,649,652,654,656,658],{"class":460,"line":529},[458,641,506],{"class":464},[458,643,644],{"class":509},"args",[458,646,478],{"class":464},[458,648,481],{"class":464},[458,650,651],{"class":464}," [",[458,653,478],{"class":464},[458,655,309],{"class":520},[458,657,478],{"class":464},[458,659,660],{"class":464},"],\n",[458,662,663,665,668,670,672],{"class":460,"line":550},[458,664,506],{"class":464},[458,666,667],{"class":509},"readOnly",[458,669,478],{"class":464},[458,671,481],{"class":464},[458,673,562],{"class":464},[458,675,676],{"class":460,"line":565},[458,677,568],{"class":464},[458,679,680],{"class":460,"line":571},[458,681,574],{"class":464},[458,683,684],{"class":460,"line":577},[458,685,580],{"class":464},[323,687,688],{},"不同客户端字段名可能不同，记录时写清楚客户端、配置文件路径和 MCP 服务暴露的工具列表。",[318,690,691],{"id":691},"读写权限分层",[368,693,694,707],{},[371,695,696],{},[374,697,698,701,704],{},[377,699,700],{},"权限",[377,702,703],{},"例子",[377,705,706],{},"使用规则",[384,708,709,720,731,742],{},[374,710,711,714,717],{},[389,712,713],{},"只读资源",[389,715,716],{},"文档、组件说明、数据库 schema",[389,718,719],{},"可以默认启用",[374,721,722,725,728],{},[389,723,724],{},"本地检查",[389,726,727],{},"DOM、截图、日志读取",[389,729,730],{},"用于验收，避免写生产状态",[374,732,733,736,739],{},[389,734,735],{},"本地写入",[389,737,738],{},"生成文件、修改配置",[389,740,741],{},"需要限制工作目录",[374,743,744,747,750],{},[389,745,746],{},"远程写入",[389,748,749],{},"重启服务、改数据库、发消息",[389,751,752],{},"默认禁止，除非用户明确授权",[318,754,755],{"id":755},"权限边界",[323,757,758],{},"接 MCP 前要先明确它能读什么、能写什么、是否会操作真实账号或生产服务。对文档站这类本地项目，优先用只读查询和截图；涉及远程服务时先读状态，再让用户确认重启或破坏性操作。",[760,761,762],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}",{"title":454,"searchDepth":461,"depth":468,"links":764},[765,766,767,768,769,770,771,772],{"id":320,"depth":468,"text":321},{"id":328,"depth":468,"text":329},{"id":348,"depth":468,"text":349},{"id":366,"depth":468,"text":366},{"id":434,"depth":468,"text":434},{"id":444,"depth":468,"text":444},{"id":691,"depth":468,"text":691},{"id":755,"depth":468,"text":755},"什么时候接 MCP，什么时候只需要 Skill、教程或普通脚本。","md",null,{},{"icon":298},{"title":305,"description":773},"X-6sXX7RGv0R3YHMeeM6hztZfaO7PqeiIcDg0ljG4lM",[781,783],{"title":300,"path":301,"stem":302,"description":782,"icon":303,"children":-1},"把可重复的工具知识、项目约束和验收流程沉淀成可复用 Skill。",{"title":309,"path":310,"stem":311,"description":784,"icon":303,"children":-1},"让 AI 编码助手检查真实页面、DOM、样式、性能和交互。",1783590602743]