用途：为两个分支之间的 UI 改动生成可视化的前后对比，适合在代码评审或 PR 描述中直观展示界面变化。
主要能力：通过 git worktree 同时检出基础分支与当前功能分支，分别在不同端口启动开发服务器，定位受改动影响的页面并逐一截图，最后输出带“Before/After”截图与改动说明的对比报告。
使用方式：先用 git worktree add /tmp/branch-compare-base main 创建基础分支工作树；在基础工作树中执行 cd /tmp/branch-compare-base && PORT=3001 npm run dev，当前分支保持默认端口 3000；用 git diff main --name-only | grep -E '.(tsx?|jsx?|vue|svelte|css)' 找出改动文件并映射到路由；对每个受影响页面依次用 browser_navigate 与 browser_take_screenshot 分别截取 3001（基础）和 3000（功能）两个版本；最后整理成对比报告，并用 git worktree remove /tmp/branch-compare-base 清理。
适用场景：前端界面改版、组件样式调整、响应式布局变更等需要直观展示视觉差异的评审场景。
限制与提示：建议使用一致的视口尺寸（如 1280×800），移动优先的改动可另在 375px 宽度下对比；若应用需要登录，需先在两个端口分别登录。资料未提供其他平台支持、收费或效果保证等信息。