Communitygithub.com

JantonioFC/skillsbank

适用于 Playwright 的、生产就绪的 CI/CD 配置 — 涵盖 GitHub Actions、GitLab CI、CircleCI、Azure DevOps、Jenkins、Docker、并行分片、报告、代码覆盖率以及全局设置与拆卸。

skillsbank 是什么?

该技能提供了一套全面的 Playwright 测试 CI/CD 配置指南,帮助开发者在主流 CI 平台上实现快速、稳定且可操作的测试流水线。它针对 GitHub Actions、GitLab CI、CircleCI、Azure DevOps 和 Jenkins 等平台提供了具体的配置示例和最佳实践。核心优势包括:通过 `--shard=N/M` 实现横向扩展的并行测试分片、使用 Docker 官方镜像确保环境一致性、在 CI 中设置 `retries: 2` 以处理不稳定测试、以及利用 `globalSetup` 和 `storageState` 进行全局身份验证。此外,该技能还涵盖了浏览器二进制文件缓存、失败时自动上传追踪和截图等调试工件、生成 HTML 报告和代码覆盖率报告、以及多项目配置和依赖管理。最终目标是让开发者能够在不同的 CI 环境中快速部署可靠且高效的 Playwright 测试套件,减少调试时间并提高测试可靠性。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/JantonioFC/skillsbank/tree/HEAD/skills/ci

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

Playwright CI/CD

在每个流水线中交付可靠的测试 — 针对 CI 的速度、稳定性和可操作报告的特定模式。

9 个指南,涵盖所有主要 CI 提供商的 CI/CD 设置、并行执行、容器化运行、报告和基础设施模式。

黄金法则

  1. 仅在 CI 中设置 retries: 2 — 在流水线中暴露不稳定性,而不是在本地
  2. 使用 traces: 'on-first-retry' — 捕获丰富的调试工件,而不减慢每次运行
  3. 跨执行器分片 — --shard=N/M 均匀分割测试;水平扩展,而非垂直扩展
  4. 缓存浏览器二进制文件 — 以 Playwright 版本为键的 ~/.cache/ms-playwright
  5. 失败时上传工件 — 将追踪、截图和 HTML 报告作为 CI 工件上传
  6. 使用官方 Docker 镜像 — mcr.microsoft.com/playwright:v* 预装所有操作系统依赖项
  7. 全局设置用于身份验证 — 在 globalSetup 中运行一次登录,跨工作线程复用 storageState
  8. 快速失败,稍后调试 — 保持 CI 运行时间短;使用追踪查看器和 HTML 报告进行调查

指南索引

CI 提供商

提供商指南
GitHub Actionsci-github-actions.md
GitLab CIci-gitlab.md
CircleCI / Azure DevOps / Jenkinsci-other.md

执行与扩展

主题指南
并行执行与分片parallel-and-sharding.md
Docker 与容器docker-and-containers.md
多项目配置projects-and-dependencies.md

报告与设置

主题指南
报告与工件reporting-and-artifacts.md
代码覆盖率test-coverage.md
全局设置与拆卸global-setup-teardown.md

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

JantonioFC/skillsbank

AI-powered image editing with style transfer and object removal

JantonioFC/skillsbank

Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.

JantonioFC/skillsbank

Analise e auditoria de editais de leilao judicial e extrajudicial. Riscos ocultos, clausulas perigosas, debitos, ocupante e classificacao da oportunidade.

JantonioFC/skillsbank

Embed Photopea in web apps using photopea.js. Covers embedding, file I/O, scripting, exporting, layers, text, filters, and the full Photoshop-compatible API.

JantonioFC/skillsbank

Best practices for Remotion - Video creation in React

JantonioFC/skillsbank

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

JantonioFC/skillsbank

Seek and analyze video content using Memories.ai Large Visual Memory Model for persistent video intelligence

JantonioFC/skillsbank

Writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. Activate when the user wants to write or generate a landing page for a product, service, or offer.

JantonioFC/skillsbank

Video and audio perception, indexing, and editing. Ingest files/URLs/live streams, build visual/spoken indexes, search with timestamps, edit timelines, add overlays/subtitles, generate media, and create real-time alerts.

JantonioFC/skillsbank

Upload, stream, search, edit, transcribe, and generate AI video and audio using the VideoDB SDK.

JantonioFC/skillsbank

Skill for discovering and researching autonomous AI agents, tools, and ecosystems using the AgentFolio directory.

JantonioFC/skillsbank

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

JantonioFC/skillsbank

Tool lifecycle UI components for React/Next.js from ui.inference.sh. Display tool calls: pending, progress, approval required, results. Capabilities: tool status, progress indicators, approval flows, results display. Use for: showing agent tool calls, human-in-the-loop approvals, tool output. Triggers: tool ui, tool calls, tool status, tool approval, tool results, agent tools, mcp tools ui, function calling ui, tool lifecycle, tool pending

JantonioFC/skillsbank

Security audit, hardening, threat modeling (STRIDE/PASTA), Red/Blue Team, OWASP checks, code review, incident response, and infrastructure security for any project.

JantonioFC/skillsbank

When the user wants help with paid advertising campaigns on Google Ads, Meta (Facebook/Instagram), LinkedIn, Twitter/X, or other ad platforms. Also use when the user mentions 'PPC,' 'paid media,' 'ROAS,' 'CPA,' 'ad campaign,' 'retargeting,' 'audience targeting,' 'Google Ads,' 'Facebook ads,'...

JantonioFC/skillsbank

Create AI avatar and talking head videos with OmniHuman, Fabric, PixVerse via inference.sh CLI. Models: OmniHuman 1.5, OmniHuman 1.0, Fabric 1.0, PixVerse Lipsync. Capabilities: audio-driven avatars, lipsync videos, talking head generation, virtual presenters. Use for: AI presenters, expla...

JantonioFC/skillsbank

Create AI marketing videos for ads, promos, product launches, and brand content. Models: Veo, Seedance, Wan, FLUX for visuals, Kokoro for voiceover. Types: product demos, testimonials, explainers, social ads, brand videos. Use for: Facebook ads, YouTube ads, product launches, brand awarene...

JantonioFC/skillsbank

Generate AI videos with Google Veo, Seedance, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 1.5 Pro, Wan 2.5, Grok Imagine Video, OmniHuman, Fabric, HunyuanVideo. Capabilities: text-to-video, image-to-video, lipsync, avatar animation, video upscaling, fole...

JantonioFC/skillsbank

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

JantonioFC/skillsbank

You are an expert copy editor specializing in marketing and conversion copy. Your goal is to systematically improve existing copy through focused editing passes while preserving the core message.

相关技能