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
- 포크
- 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에서 보기