Playwright Recording
技能 已验证 活跃使用 Playwright 将浏览器交互记录为视频。用于为 Remotion 视频捕获演示视频、应用程序演练和 UI 流程。触发器包括录制演示、捕获浏览器视频、录制网站屏幕或创建演练素材。
通过提供基于 Playwright 的强大解决方案，使用户能够轻松地将浏览器交互录制为视频，以创建演示视频、应用程序演练和其他视觉内容。
功能
- 使用 Playwright 将浏览器交互记录为视频
- 配置视口大小和视频质量设置
- 实现高级录制模式（表单、导航、滚动、登录）
- 添加光标高亮显示和点击涟漪效果
- 处理 Cookie 横幅和其他常见网页元素
- 为各种录制场景提供详细示例
使用场景
- 为软件功能捕获演示视频
- 为教程创建分步应用程序演练
- 为用户测试或反馈录制 UI 流程
- 为 Remotion 视频合成生成视觉素材
非目标
- 执行复杂的网页抓取或数据提取
- 自动化与浏览器交互无关的后端流程
- 提供功能齐全的视频编辑套件
- 录制浏览器窗口之外的桌面屏幕
安装
npx skills add digitalsamba/claude-code-video-toolkit通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。
质量评分
已验证类似扩展
Agent Browser
100AI 代理的浏览器自动化 CLI。当用户需要与网站交互时使用，包括浏览页面、填写表单、点击按钮、截屏、提取数据、测试 Web 应用或自动化任何浏览器任务。触发条件包括请求“打开网站”、“填表”、“点击按钮”、“截屏”、“抓取页面数据”、“测试此 Web 应用”、“登录网站”、“自动化浏览器操作”或任何需要以编程方式进行 Web 交互的任务。
AutoBrowse
100Self-improving browser automation via the auto-research loop. Iteratively runs a browsing task, reads the trace, and improves the navigation skill (strategy.md) until it reliably passes. Supports parallel runs across multiple tasks using sub-agents. Use when you want to build or improve browser automation skills for specific website tasks.
Vue Testing Best Practices
100Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Develop Web Game
100Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.
Playwright Best Practices
100用于编写 Playwright 测试、修复不稳定测试、调试失败、实现页面对象模型 (Page Object Model)、配置 CI/CD、优化性能、模拟 API、处理身份验证或 OAuth、测试可访问性 (axe-core)、文件上传/下载、日期/时间模拟、WebSockets、地理定位、权限、多标签/弹出窗口流程、移动/响应式布局、触摸手势、GraphQL、错误处理、离线模式、多人协作、第三方服务（付款、电子邮件验证）、控制台错误监控、全局设置/拆卸、测试注解（skip, fixme, slow）、测试标签（@smoke, @fast, @critical, 使用 --grep 过滤）、项目依赖项、安全测试（XSS, CSRF, 身份验证）、性能预算（Web Vitals, Lighthouse）、iframe、组件测试、canvas/WebGL、服务工作线程/PWA、测试覆盖率、i18n/本地化、Electron 应用或浏览器扩展测试。涵盖 E2E、组件、API、视觉、可访问性、安全、Electron 和扩展测试。
Playwright CLI
99使用 playwright-cli 自动化浏览器交互，用于测试和验证您自己的 Web 应用程序。当您需要终端优先的浏览器控件来进行导航、表单填充、截屏、跟踪、绑定浏览器会话、调试或生成 Playwright 测试代码时使用。仅可针对您拥有或已获明确授权进行测试的应用程序使用。