Token导航 LogoToken导航

Agent Skill · 前端设计

quality-gates(质量门)

quality-gates 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

quality-gates 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为操作浏览器;许可证信息还不明确,第三方扫描已通过,按安装量在前端设计类的 10,216 个 Skill 里排第 4,758。

总安装 815周安装 35GitHub Stars 4下载 286核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:quality-gates(质量门)
来源仓库:https://github.com/duyet/claude-plugins
仓库路径:skills/quality-gates
安装命令:
npx skills add https://github.com/duyet/claude-plugins --skill quality-gates
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/duyet/claude-plugins --skill quality-gates

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

quality-gates 提供结构化质量门控流程,用于验证代码质量、安全性和生产就绪状态。适合在 Codex、Claude、Cursor、Gemini CLI 中需要执行预合并检查或发布前验证时使用。可通过 npx skills add 命令从 GitHub 安装,需确认权限范围和维护状态后再使用。

使用前建议核验是否会触发联网、命令执行或文件读写操作。可结合来源仓库和原始 README 进一步了解具体用法和限制条件。

来源仓库内路径:skills/quality-gates

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/duyet/claude-plugins --skill quality-gates;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要操作浏览器,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

quality-gates 怎么安装?

在终端执行 npx skills add https://github.com/duyet/claude-plugins --skill quality-gates。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

quality-gates 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

quality-gates 需要什么权限?

权限级别是操作浏览器。该 Skill 可能涉及浏览器控制能力,使用时可能读取或操作网页内容,需要在受控环境中确认权限边界。

quality-gates 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

quality-gates 用的人多吗?

公开数据是累计安装 815 次,近一周安装 35 次,下载 286 次,GitHub 4 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

quality-gates 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
quality-gates

质量门 · 本页

8154操作浏览器未明确通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

This skill provides structured quality gate procedures for verifying code quality, security, performance, and production readiness before delivery.

When to Invoke This Skill

Automatically activate for:

  • Code review and validation
  • Pre-merge quality checks
  • Pre-deployment verification
  • Release readiness assessment
  • Post-implementation quality audit

Quality Gate Levels

Standard (Default)

For routine changes, bug fixes, small features:

┌─────────────────────────────────────────────────────────┐
│                    STANDARD GATES                        │
├─────────────────────────────────────────────────────────┤
│ ✓ All tests pass                                        │
│ ✓ Linting clean (no errors)                             │
│ ✓ TypeScript compiles (no type errors)                  │
│ ✓ Code follows project patterns                         │
│ ✓ No obvious security issues                            │
│ ✓ Changes match requirements                            │
└─────────────────────────────────────────────────────────┘

Strict

For significant features, refactors, public APIs:

┌─────────────────────────────────────────────────────────┐
│                     STRICT GATES                         │
├─────────────────────────────────────────────────────────┤
│ All Standard gates PLUS:                                │
│ ✓ Test coverage ≥ 90% for new code                      │
│ ✓ Security scan passes (no high/critical)               │
│ ✓ Performance benchmarks met                            │
│ ✓ API documentation updated                             │
│ ✓ Breaking changes documented                           │
│ ✓ Peer review completed                                 │
└─────────────────────────────────────────────────────────┘

Critical

For security-sensitive, production-critical, high-risk changes:

┌─────────────────────────────────────────────────────────┐
│                    CRITICAL GATES                        │
├─────────────────────────────────────────────────────────┤
│ All Strict gates PLUS:                                  │
│ ✓ Security audit by security-focused review             │
│ ✓ Load testing completed                                │
│ ✓ Rollback procedure documented and tested              │
│ ✓ Monitoring and alerting configured                    │
│ ✓ Stakeholder sign-off obtained                         │
│ ✓ Incident response plan updated                        │
└─────────────────────────────────────────────────────────┘

Quality Gate Procedures

1. Code Quality Gate

# Run these checks in sequence
npm run lint          # or: bun run lint
npm run type-check    # or: bun run type-check
npm run test          # or: bun run test
npm run build         # Verify build succeeds

Verification checklist:

  • Zero linting errors
  • Zero TypeScript errors
  • All tests pass
  • Build completes successfully
  • No console.log statements in production code
  • No TODO comments blocking release

2. Test Coverage Gate

npm run test:coverage

Coverage requirements by level:

LevelLine CoverageBranch CoverageFunction Coverage
Standard≥ 70%≥ 60%≥ 70%
Strict≥ 90%≥ 80%≥ 90%
Critical≥ 95%≥ 90%≥ 95%

What to test:

  • Happy path scenarios
  • Error handling paths
  • Edge cases (null, empty, boundary values)
  • Integration points
  • User-facing behavior

3. Security Gate

Automated checks:

npm audit              # Dependency vulnerabilities
npm run lint:security  # Security-focused lint rules (if configured)

Manual review checklist:

  • No hardcoded secrets or credentials
  • Input validation on all user inputs
  • Output encoding to prevent XSS
  • SQL/NoSQL injection prevention
  • Authentication checks on protected routes
  • Authorization verified for sensitive operations
  • HTTPS enforced for sensitive data
  • Sensitive data not logged
  • CORS configured correctly

For Strict/Critical:

  • OWASP Top 10 review completed
  • Security-focused code review by second engineer
  • Penetration testing (Critical only)

4. Performance Gate

Metrics to verify:

MetricStandardStrictCritical
Page Load< 3s< 2s< 1s
API Response< 500ms< 200ms< 100ms
Bundle Size< 500KB< 300KB< 200KB
Memory LeakNoneNoneNone

Verification steps:

  • No N+1 queries introduced
  • Database queries use indexes
  • Large lists are paginated
  • Images are optimized
  • Caching implemented where appropriate
  • No blocking operations on main thread

5. Documentation Gate

Required documentation:

LevelREADMEAPI DocsChangelogArchitecture
Standard✓-✓-
Strict✓✓✓-
Critical✓✓✓✓

Checklist:

  • README updated with new features/changes
  • API endpoints documented (Strict+)
  • Breaking changes clearly noted
  • Migration guide provided (if applicable)
  • Architecture decisions recorded (Critical)

6. Integration Gate

Verification steps:

  • Feature works end-to-end
  • No regression in existing functionality
  • Cross-browser testing (if frontend)
  • Mobile responsiveness verified (if applicable)
  • Third-party integrations tested

For Strict/Critical:

  • E2E test suite passes
  • Staging environment validation
  • User acceptance testing completed

Quality Gate Report Template

## Quality Gate Report

**Feature**: [Feature Name]
**Level**: [Standard | Strict | Critical]
**Date**: [YYYY-MM-DD]
**Reviewer**: [Name]

### Summary
| Gate | Status | Notes |
|------|--------|-------|
| Code Quality | ✅ PASS | All checks clean |
| Test Coverage | ✅ PASS | 92% coverage |
| Security | ✅ PASS | No vulnerabilities |
| Performance | ⚠️ WARN | API slightly slow |
| Documentation | ✅ PASS | Updated |
| Integration | ✅ PASS | E2E passing |

### Detailed Results

#### Code Quality
- Lint: 0 errors, 0 warnings
- TypeScript: 0 errors
- Tests: 47 passed, 0 failed
- Build: Success

#### Test Coverage
- Lines: 92% (target: 90%)
- Branches: 85% (target: 80%)
- Functions: 94% (target: 90%)

#### Security
- npm audit: 0 vulnerabilities
- Manual review: Completed, no issues
- [x] Input validation verified
- [x] Auth checks verified

#### Performance
- Page load: 1.8s (target: < 2s)
- API response: 180ms (target: < 200ms)
- Bundle size: 287KB (target: < 300KB)

#### Issues Found
1. [WARN] API endpoint `/api/users` responds in 450ms under load
   - Recommendation: Add caching layer
   - Severity: Low
   - Blocking: No

### Verdict

**✅ APPROVED FOR MERGE**

All critical gates pass. Performance warning noted for future optimization.

Gate Failure Handling

When a gate fails:

1. Identify Severity

SeverityDescriptionAction
BlockerPrevents deploymentMust fix before merge
CriticalSecurity/data riskMust fix before merge
MajorSignificant issueShould fix, can defer with approval
MinorQuality concernCan defer to follow-up

2. Document the Issue

### Gate Failure: [Gate Name]

**Severity**: [Blocker | Critical | Major | Minor]
**Description**: [What failed and why]
**Impact**: [What happens if not fixed]
**Remediation**: [How to fix]
**Timeline**: [When it will be fixed]
**Approved By**: [If deferring, who approved]

3. Resolution Path

Blocker/Critical → Fix immediately → Re-run gates
Major → Fix or get approval → Document decision
Minor → Create follow-up ticket → Proceed with caution

Quick Reference Commands

# Standard gate check
npm run lint && npm run type-check && npm run test && npm run build

# Coverage check
npm run test:coverage

# Security audit
npm audit

# Full strict gate
npm run lint && npm run type-check && npm run test:coverage && npm run build && npm audit

Checklist Summary

Pre-Review (Author)

  • Self-reviewed code changes
  • Tests added/updated
  • Documentation updated
  • No debugging code left
  • Commit messages are clear

Code Review (Reviewer)

  • Logic is correct
  • Code is readable
  • Follows project patterns
  • No security concerns
  • Tests are meaningful
  • Error handling is appropriate

Pre-Merge

  • All CI checks pass
  • Required approvals obtained
  • Conflicts resolved
  • Branch is up to date

Pre-Deploy (Critical)

  • Rollback plan documented
  • Monitoring configured
  • Stakeholders notified
  • Deployment window confirmed

平台分布

Codex

33.21%
按下载量换算95

Claude

31.1%
按下载量换算89

Cursor

17.22%
按下载量换算49

Gemini CLI

9.17%
按下载量换算26

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

操作浏览器

该 Skill 可能涉及浏览器控制能力,使用时可能读取或操作网页内容,需要在受控环境中确认权限边界。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills