[{"data":1,"prerenderedAt":644},["ShallowReactive",2],{"navigation":3,"\u002Fmodels\u002Ffrontend-visual":312,"\u002Fmodels\u002Ffrontend-visual-surround":639},[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":122,"body":314,"description":633,"extension":535,"links":634,"meta":635,"navigation":636,"path":123,"seo":637,"stem":124,"__hash__":638},"docs\u002F4.models\u002F06.frontend-visual.md",{"type":315,"value":316,"toc":624},"minimark",[317,321,325,328,395,398,401,404,450,453,527,530,602,605,620],[318,319,320],"h2",{"id":320},"评测目标",[322,323,324],"p",{},"前端任务不能只看代码是否通过构建。模型必须能理解截图里的布局、间距、文字溢出、移动端导航和暗色模式问题，并把修改落到正确组件。",[318,326,327],{"id":327},"任务集",[329,330,331,347],"table",{},[332,333,334],"thead",{},[335,336,337,341,344],"tr",{},[338,339,340],"th",{},"任务",[338,342,343],{},"输入",[338,345,346],{},"通过标准",[348,349,350,362,373,384],"tbody",{},[335,351,352,356,359],{},[353,354,355],"td",{},"首屏复刻",[353,357,358],{},"参考截图、本地截图",[353,360,361],{},"布局结构、字号层级和间距接近",[335,363,364,367,370],{},[353,365,366],{},"移动端导航",[353,368,369],{},"390px 截图",[353,371,372],{},"Header 不溢出，菜单可用",[335,374,375,378,381],{},[353,376,377],{},"Gallery 卡片",[353,379,380],{},"桌面和移动截图",[353,382,383],{},"卡片尺寸稳定，标签不挤压",[335,385,386,389,392],{},[353,387,388],{},"暗色模式",[353,390,391],{},"dark 截图",[353,393,394],{},"对比度足够，没有亮色漏底",[318,396,397],{"id":397},"推荐模型配置",[322,399,400],{},"前端视觉任务推荐 Deep 路由起步。若页面结构复杂、涉及多个断点或需要长时间迭代，再切到 Max 路由。",[318,402,403],{"id":403},"验收矩阵",[329,405,406,416],{},[332,407,408],{},[335,409,410,413],{},[338,411,412],{},"页面类型",[338,414,415],{},"视口和重点检查",[348,417,418,426,434,442],{},[335,419,420,423],{},[353,421,422],{},"首页",[353,424,425],{},"桌面 1440x900；移动 390x844；暗色模式需要覆盖。重点检查首屏主标题、CTA、下一段露出",[335,427,428,431],{},[353,429,430],{},"文档页",[353,432,433],{},"桌面 1440x900；移动 390x844；暗色模式需要覆盖。重点检查左导航、右 TOC、代码块、长表格",[335,435,436,439],{},[353,437,438],{},"Gallery",[353,440,441],{},"桌面 1440x900；移动 390x844；暗色模式需要覆盖。重点检查卡片网格、标签换行、详情入口",[335,443,444,447],{},[353,445,446],{},"交互组件",[353,448,449],{},"桌面 1280x800；移动 390x844；暗色模式视情况。重点检查菜单、搜索、展开项、hover\u002Factive 状态",[318,451,452],{"id":452},"失败分类",[329,454,455,468],{},[332,456,457],{},[335,458,459,462,465],{},[338,460,461],{},"分类",[338,463,464],{},"例子",[338,466,467],{},"处理方式",[348,469,470,481,497,516],{},[335,471,472,475,478],{},[353,473,474],{},"布局错位",[353,476,477],{},"卡片高度跳动、标题和按钮重叠",[353,479,480],{},"调整 grid、gap、min\u002Fmax 尺寸",[335,482,483,486,489],{},[353,484,485],{},"文本溢出",[353,487,488],{},"长英文、路径、模型 slug 挤出容器",[353,490,491,492,496],{},"使用 ",[493,494,495],"code",{},"break-words","、缩短列数或改成卡片",[335,498,499,502,505],{},[353,500,501],{},"暗色漏底",[353,503,504],{},"深色模式里出现白色卡片或低对比边框",[353,506,507,508,511,512,515],{},"检查 ",[493,509,510],{},"dark:"," 类和 ",[493,513,514],{},"bg-*"," token",[335,517,518,521,524],{},[353,519,520],{},"真实内容缺失",[353,522,523],{},"只有装饰图，没有任务产出",[353,525,526],{},"补输入、输出、验收路径",[318,528,529],{"id":529},"记录模板",[531,532,537],"pre",{"className":533,"code":534,"language":535,"meta":536,"style":536},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","页面：\n视口：\n参考截图：\n本地截图：\n发现问题：\n修改文件：\n复查截图：\nConsole 错误：\n未覆盖状态：\n结论：\n","md","",[493,538,539,548,554,560,566,572,578,584,590,596],{"__ignoreMap":536},[540,541,544],"span",{"class":542,"line":543},"line",1,[540,545,547],{"class":546},"sTEyZ","页面：\n",[540,549,551],{"class":542,"line":550},2,[540,552,553],{"class":546},"视口：\n",[540,555,557],{"class":542,"line":556},3,[540,558,559],{"class":546},"参考截图：\n",[540,561,563],{"class":542,"line":562},4,[540,564,565],{"class":546},"本地截图：\n",[540,567,569],{"class":542,"line":568},5,[540,570,571],{"class":546},"发现问题：\n",[540,573,575],{"class":542,"line":574},6,[540,576,577],{"class":546},"修改文件：\n",[540,579,581],{"class":542,"line":580},7,[540,582,583],{"class":546},"复查截图：\n",[540,585,587],{"class":542,"line":586},8,[540,588,589],{"class":546},"Console 错误：\n",[540,591,593],{"class":542,"line":592},9,[540,594,595],{"class":546},"未覆盖状态：\n",[540,597,599],{"class":542,"line":598},10,[540,600,601],{"class":546},"结论：\n",[318,603,604],{"id":604},"当前站点验收",[322,606,607,608,611,612,614,615,614,617,619],{},"本项目的截图保存在 ",[493,609,610],{},"output\u002Fplaywright\u002F","。每次大改后至少覆盖首页、",[493,613,78],{},"、",[493,616,97],{},[493,618,190],{}," 和一个 Skill 详情页。",[621,622,623],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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":536,"searchDepth":543,"depth":550,"links":625},[626,627,628,629,630,631,632],{"id":320,"depth":550,"text":320},{"id":327,"depth":550,"text":327},{"id":397,"depth":550,"text":397},{"id":403,"depth":550,"text":403},{"id":452,"depth":550,"text":452},{"id":529,"depth":550,"text":529},{"id":604,"depth":550,"text":604},"评估模型是否能根据真实浏览器截图修复 UI 问题。",null,{},{"icon":48},{"title":122,"description":633},"6ljkaDAbH74uZvoh9PV6ss36fw6athEv6F848y4LzQE",[640,642],{"title":117,"path":118,"stem":119,"description":641,"icon":120,"children":-1},"统一记录模型评测结果，方便后续比较。",{"title":126,"path":127,"stem":128,"description":643,"icon":43,"children":-1},"评估模型在论文、查新、审稿和长文档任务中的可靠性。",1783590614799]