setup-ci-pipeline
Configure GitHub Actions CI for React/TypeScript frontend projects. Coverage gates, visual regression, caching, Blacksmith workers, bundle budgets. Use when setting up CI, optimizing pipelines, or adding quality gates to PRs.
来源信息
- 仓库
- redpanda-data/ui-harness
- 最近来源活动
- 2026年5月8日 11:21
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 34
- Forks
- 4
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
文件资源管理器
2 个文件正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- name
- setup-ci-pipeline
- description
- Configure GitHub Actions CI for React/TypeScript frontend projects. Coverage gates, visual regression, caching, Blacksmith workers, bundle budgets. Use when setting up CI, optimizing pipelines, or adding quality gates to PRs.
# Setup CI Pipeline
GitHub Actions tuned for React/TypeScript:
- Quality gate -- lint, type-check, tests in <5 min
- Coverage gates -- enforce thresholds, post diff on PRs
- Visual regression -- Playwright screenshot compare
- Dependency automation -- dependabot minor/patch
- Bundle budget -- alert on size regressions
- Smart bun caching
See [REFERENCE.md](REFERENCE.md) for workflow templates + Blacksmith tuning.
## Steps
1. Write `.github/workflows/quality-gate.yml` from [REFERENCE.md](REFERENCE.md)
2. Write `.github/dependabot.yml` -- auto minor/patch, manual major
3. Add `toHaveScreenshot()` to Playwright tests
4. Add `--coverage --coverage.thresholds.lines=80` to test scripts
## Verify
- [ ] `gh workflow run quality-gate.yml` runs
- [ ] Coverage report on PRs
- [ ] Dependabot make first PR
在 GitHub 查看