Communitygithub.com

JantonioFC/skillsbank

為 Playwright 提供可投入生產的 CI/CD 設定 — 支援 GitHub Actions、GitLab CI、CircleCI、Azure DevOps、Jenkins、Docker、平行分片、測試報告、程式碼覆蓋率,以及全域設定與清理。

skillsbank 是什麼?

這項技能提供了一套全面的 Playwright CI/CD 設定指南,涵蓋 9 個主題,從 CI 提供者整合到執行擴展與報告。它能協助開發者快速為 Playwright 測試建立穩定、快速且可除錯的 CI 管道,支援 GitHub Actions、GitLab CI、CircleCI、Azure DevOps 及 Jenkins 等主流平台。技能的核心原則包括在 CI 中設定重試、啟用首次重試的追蹤、使用分片水平擴展、快取瀏覽器二進位檔、上傳失敗時的除錯產出物,以及利用官方 Docker 映像檔。此外,還包含全域設定與清理、程式碼覆蓋率收集等進階模式,確保測試在每個管道中都能可靠運作。

相容平台~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/CD 設定、平行執行、容器化運行、測試報告以及所有主要 CI 提供者的基礎設施模式。

黃金規則

  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.

相關技能