setup-quality-gate
Add quality:gate package.json script for fast local/CI quality checks (biome + tsgo + related tests), GitHub Actions workflow, and Stop hook for type checking. Use when setting up quality gates, CI pipelines, or pre-push validation.
Source facts
- Repository
- redpanda-data/ui-harness
- Last source activity
- May 8, 2026 at 11:21
- Detected SKILL.md language
- English
- Stars
- 34
- Forks
- 4
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
File Explorer
7 filesShowing SKILL.md
SKILL.md
Source instructions · Read-only preview- name
- setup-quality-gate
- description
- Add quality:gate package.json script for fast local/CI quality checks (biome + tsgo + related tests), GitHub Actions workflow, and Stop hook for type checking. Use when setting up quality gates, CI pipelines, or pre-push validation.
# Setup Quality Gate
## What This Sets Up
- `quality:gate` script -- lint + type check + related tests in <5s
- GitHub Actions workflow w/ formatting integrity (`git diff --exit-code`)
- Stop hook: tsgo + related tests before finish
- Bundle guard hook: warn on heavy deps (moment, lodash, jquery, core-js, classnames)
- Test perf audit hook: surface duration regressions >30%
- CI status check + `@claude review` trigger
- Optional: `/codex:review` cross-model review
## Steps
### 1. Package.json scripts
```json
{
"scripts": {
"lint": "biome check .",
"lint:fix": "biome check --write .",
"type:check": "tsgo",
"test": "vitest --run",
"test:related": "vitest --run --related",
"quality:gate": "biome check . && tsgo && vitest --run --related $(git diff --name-only HEAD)"
}
}
```
### 2. Asset type declarations
Create `src/types/assets.d.ts` from [REFERENCE.md](REFERENCE.md) -- tsgo need for .svg/.css/.png imports.
### 3. GitHub Actions
Write `.github/workflows/quality-gate.yml` from [REFERENCE.md](REFERENCE.md). Run on PR + push to main.
### 4. Hook scripts
Copy into `.claude/hooks/`, `chmod +x`:
- `scripts/typecheck-stop.sh` -> Stop
- `scripts/bundle-guard.sh` -> PostToolUse (Edit|Write)
- `scripts/test-perf-stop.sh` -> Stop
### 5. Verify
- [ ] `bun run quality:gate` work
- [ ] `.github/workflows/quality-gate.yml` exist
- [ ] `src/types/assets.d.ts` exist
- [ ] All hook scripts executable + configured
View on GitHub