SuperAPI AI 工具集

screenshots

通用与其它

查看项目

更新于 10-16 01:19

技能介绍

用途:对受近期代码改动影响的组件自动截图,支持从运行中的应用(含 e2e 认证)或 Storybook 截图,也可按开发者给出的自定义指令访问页面并执行操作后截图。

主要能力:自动检测变更组件,过滤出 .tsx、.jsx、.vue、.svelte 组件文件(排除测试、story 与类型定义文件);对每个组件询问从 App、Storybook 截图或跳过;Storybook 路径会查找 story 文件、提取 title 与 story 名称并拼接 iframe 地址;App 路径会编写临时 e2e 测试、运行后回退改动。

使用方式:/screenshots 自动检测并截图;/screenshots navigate to /settings, open the "Profile" tab, screenshot the form 按自定义指令截图。需要先运行 playwright-cli --help 验证可用;缺失时按提示安装:npm install -g @playwright/cli@latest。基础分支默认 main,可通过当前目录 .agent 文件中的 baseBranch 指定。Storybook 需运行在 http://localhost:6006,截图命令示例:playwright-cli screenshot --browser chromium --wait-for-timeout 2000 "<iframe-URL>" .tmp/<component-name>-<story-name>.png。截图保存在 .tmp/ 目录。

限制:依赖 Playwright CLI 与现有 e2e 测试约定;截图前需等待动画完成;若找不到 story 文件、无命名导出或组件被跳过,则该组件不截图;临时测试文件在完成后会被删除或还原,需确保 git status 无残留改动。资料未提供更多细节。