AGENT SKILL

staged-code-review

Comprehensive pre-commit review of git staged changes. Performs tech-stack-aware code quality checks and generates conventional commit messages. Should be used when the user is about to commit code and wants a quality gate — catching debug leftovers, sensitive data, missing error handling before they enter the repository. Distinguished from frontend-code-review which reviews general code quality, this skill focuses specifically on git staged changes pre-commit.

License 许可
MIT
最近更新
2026-04-18
Stars
★ 0
Forks
0

01 前言 Front Matter

name
staged-code-review
boundary
{ "vs_frontend-code-review": "frontend-code-review covers general code quality, this skill focuses specifically on git staged changes pre-commit" }
category
coding
description
Comprehensive pre-commit review of git staged changes. Performs tech-stack-aware code quality checks and generates conventional commit messages. Should be used when the user is about to commit code and wants a quality gate — catching debug leftovers, sensitive data, missing error handling before they enter the repository. Distinguished from frontend-code-review which reviews general code quality, this skill focuses specifically on git staged changes pre-commit.

03 SKILL.md 正文

Git Staged Code Review

Core Capability

Before git commit, review all staged changes for quality issues and generate a conventional commit message. This is the last quality gate — catching problems here is far cheaper than finding them in production or during PR review.

When to Use

  • The last quality checkpoint before git commit
  • When linking requirement IDs, Story IDs to commit records
  • Tech-stack-differentiated code checks in multi-stack projects
  • Local checks before CI/CD pipeline

Workflow

Step 1: Read Staged Diff

git diff --staged
git diff --staged --name-only

Pre-check: If staging area is empty, prompt the user to run git add first.

Step 2: Identify Tech Stack

Auto-detect based on changed file extensions and content:

File signature Tech stack Applied rules
*.tsx / *.jsx / *.ts / *.js + React import React / TypeScript Stale closures, Hook deps, render performance
*.vue Vue Reactive traps, lifecycle side effects
*.go Go Error handling, goroutine leaks
*.py Python Exception handling, type annotations
*.java / *.kt Java / Kotlin Null pointers, resource release
*.rs Rust Ownership, lifetimes

Step 3: Execute Code Review

Universal Checks

  • Debug code: Leftover console.log, debugger, print, unhandled TODO
  • Sensitive data: Hardcoded passwords, tokens, keys, internal addresses
  • Comment quality: Remove meaningless comments; complex logic must have explanatory comments
  • Error handling: New async/IO operations must have error handling
  • Boundary conditions: Null, empty arrays, extreme inputs must be guarded

React/TypeScript Specific Checks

  • Hook dependency arrays complete (exhaustive-deps)
  • Objects/functions passed to children wrapped in useMemo / useCallback
  • useEffect has corresponding cleanup function
  • List rendering key uses stable unique ID
  • New Props have TypeScript type definitions

Step 4: Parse User Parameters

Parameter format Meaning Message example
--story=STORY-123 Link Story ID feat: xxx\n\nStory: STORY-123
--task=TASK-456 Link Task ID feat: xxx\n\nTask: TASK-456
--fix=BUG-789 Link Bug ID fix: xxx\n\nFixes: BUG-789
--review Force review mode No auto-commit, only output review report

Step 5: Decide Next Steps Based on Review Results

Conclusion Action
✅ Pass: No blocking issues Generate commit message, ask user whether to commit
⚠️ Warning: Suggestions but no blockers List suggestions, ask user whether to proceed
❌ Fail: Blocking issues exist List must-fix issues, do not commit

Blocking issues (must fix before commit):

  • Hardcoded passwords, tokens, private keys
  • Leftover debugger statements
  • Code that could cause security vulnerabilities (XSS, SQL injection, etc.)

Commit Message Convention

Follows Conventional Commits:

<type>(<scope>): <subject>

[body]

[footer]

Type options:

type Use case Example
feat New feature feat(user): add avatar upload
fix Bug fix fix(cart): fix quantity calculation error
refactor Refactoring refactor(utils): refactor utility functions
perf Performance optimization perf(list): optimize list render performance
style Code formatting style: unify code indentation
test Testing test(user): add login unit tests
chore Build/toolchain/dependency updates chore: upgrade dependencies
docs Documentation changes docs: update API docs

Output Format

## Staged Code Review Report

### Review Overview

- **Changed files**: X
- **Tech stack**: [detected]
- **Conclusion**: ✅ Pass / ⚠️ Warning / ❌ Fail

### Universal Checks

| Check               | Status            | Notes            |
| ------------------- | ----------------- | ---------------- |
| Debug code          | ✅ PASS / ❌ FAIL | [specific issue] |
| Sensitive data      | ✅ PASS / ❌ FAIL | [specific issue] |
| Error handling      | ✅ PASS / ⚠️ WARN | [specific issue] |
| Boundary conditions | ✅ PASS / ⚠️ WARN | [specific issue] |

### Issue List

#### ❌ Blocking Issues (must fix)

- `filename:line`: [issue] → [fix suggestion]

#### ⚠️ Suggestions (optional)

- `filename:line`: [issue] → [optimization suggestion]

### Commit Message

type: [subject]

[body (if any)]

[footer (if any, including linked parameters)]


### Next Steps

- [ ] Commit directly (review passed)
- [ ] Fix and re-review
- [ ] Abort this commit

04 同仓库更多 Skills

ImaginerLabs
ImaginerLabs/skill-manager

meeting-minutes

Generate concise, actionable meeting minutes for internal meetings. Includes metadata, attendees, agenda, decisions, action items (owner + due date), and follow-up steps.

行政与办公人员Skill与智能体开发
★ 0
ImaginerLabs
ImaginerLabs/skill-manager

documentation-writer

Diátaxis Documentation Expert. An expert technical writer specializing in creating high-quality software documentation, guided by the principles and structure of the Diátaxis technical documentation authoring framework.

★ 0
ImaginerLabs
ImaginerLabs/skill-manager

doc-coauthoring

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

内容创作者写作与文案Skill与智能体开发
★ 0
ImaginerLabs
ImaginerLabs/skill-manager

code-review-workflow

Executes comprehensive 4-phase code review: basic review, quality check, bundle analysis, and test coverage. Should be used when the user mentions comprehensive code review, checking code quality, or reviewing staged changes with multi-phase analysis. This is the comprehensive review workflow, distinct from focused skills like frontend-code-review, staged-code-review, or code-change-test-designer.

开发工程师代码审查测试与质量
★ 0
ImaginerLabs
ImaginerLabs/skill-manager

code-change-test-designer

Analyzes code changes and designs comprehensive test cases. Reads diffs, summarizes capability changes, and designs test cases covering main flows and edge cases. Should be used when the user mentions test coverage, designing tests for code changes, or analyzing diff/commit for testing purposes. Distinguished from code-review-workflow which provides comprehensive review, this skill focuses on test case design for code changes.

开发工程师设计师测试与质量视觉设计
★ 0
ImaginerLabs
ImaginerLabs/skill-manager

skill-creator

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.

Skill与智能体开发
★ 0