setup-pre-commit
Configures and enables Git's pre-commit hook, using Husky and lint-staged to automatically perform code checks and formatting before commits, ensuring code quality.
npx skills add https://github.com/mattpocock/skills --skill setup-pre-commitBefore / After Comparison
1 组Previously, before code submission, multiple code checks had to be performed manually, which were easily overlooked or forgotten, leading to non-compliant code entering the repository.
By setting up the Pre-Commit Hook skill, Husky and lint-staged can be automatically configured to enforce code standard checks before submission, significantly improving code quality.
setup-pre-commit
Setup Pre-Commit Hooks
What This Sets Up
-
Husky pre-commit hook
-
lint-staged running Prettier on all staged files
-
Prettier config (if missing)
-
typecheck and test scripts in the pre-commit hook
Steps
1. Detect package manager
Check for package-lock.json (npm), pnpm-lock.yaml (pnpm), yarn.lock (yarn), bun.lockb (bun). Use whichever is present. Default to npm if unclear.
2. Install dependencies
Install as devDependencies:
husky lint-staged prettier
3. Initialize Husky
npx husky init
This creates .husky/ dir and adds prepare: "husky" to package.json.
4. Create .husky/pre-commit
Write this file (no shebang needed for Husky v9+):
npx lint-staged
npm run typecheck
npm run test
Adapt: Replace npm with detected package manager. If repo has no typecheck or test script in package.json, omit those lines and tell the user.
5. Create .lintstagedrc
{
"*": "prettier --ignore-unknown --write"
}
6. Create .prettierrc (if missing)
Only create if no Prettier config exists. Use these defaults:
{
"useTabs": false,
"tabWidth": 2,
"printWidth": 80,
"singleQuote": false,
"trailingComma": "es5",
"semi": true,
"arrowParens": "always"
}
7. Verify
-
.husky/pre-commitexists and is executable -
.lintstagedrcexists -
preparescript in package.json is"husky" -
prettierconfig exists -
Run
npx lint-stagedto verify it works
8. Commit
Stage all changed/created files and commit with message: Add pre-commit hooks (husky + lint-staged + prettier)
This will run through the new pre-commit hooks — a good smoke test that everything works.
Notes
-
Husky v9+ doesn't need shebangs in hook files
-
prettier --ignore-unknownskips files Prettier can't parse (images, etc.) -
The pre-commit runs lint-staged first (fast, staged-only), then full typecheck and tests
Weekly Installs207Repositorymattpocock/skillsGitHub Stars2.4KFirst SeenFeb 13, 2026Security AuditsGen Agent Trust HubPassSocketPassSnykPassInstalled onopencode200gemini-cli199codex197github-copilot194kimi-cli193cursor192
User Reviews (0)
Write a Review
No reviews yet
Statistics
User Rating
Rate this Skill