Agent skill

Setup Pre Commit

by devcxl in devcxl/mattpocock-skills-zh

在当前仓库中设置 Husky pre-commit 钩子,集成 lint-staged(Prettier)、类型检查和测试。当用户想要添加 pre-commit 钩子、设置 Husky、配置 lint-staged、或添加提交时的格式化/类型检查/测试时使用。

MITAuto-check passedDevelopment

Install Setup Pre Commit

skills CLI
$ npx skills add devcxl/mattpocock-skills-zh --skill setup-pre-commit -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install devcxl/mattpocock-skills-zh setup-pre-commit --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/devcxl/mattpocock-skills-zh.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/misc/setup-pre-commit .claude/skills/setup-pre-commit && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
setup-pre-commit
GitHub stars
433
Token cost
~412 tokens
SKILL.md length
107 words
Files
2
Skills in repo
20
Repo updated
First seen
Licence
MIT

At a glance

在当前仓库中设置 Husky pre-commit 钩子,集成 lint-staged(Prettier)、类型检查和测试。当用户想要添加 pre-commit 钩子、设置 Husky、配置 lint-staged、或添加提交时的格式化/类型检查/测试时使用。

  • Works in 8 steps: 检测包管理器 → 安装依赖 → 初始化 Husky → …
  • Tasks that involve Linting and formatting
  • SKILL.md covers 将要设置的内容, 步骤 and 注意事项
  • Calls npx, npm and prettier

What it does

Setup Pre Commit is an agent skill from devcxl/mattpocock-skills-zh. 在当前仓库中设置 Husky pre-commit 钩子,集成 lint-staged(Prettier)、类型检查和测试。当用户想要添加 pre-commit 钩子、设置 Husky、配置 lint-staged、或添加提交时的格式化/类型检查/测试时使用。

Its SKILL.md is about 410 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).

It sits in Development, covering Linting and formatting. It works with Prettier and npm. The repository describes itself as: Matt Pocock 技能集的中文翻译版 — 地道中文,原汁原味的技术术语。基于 mattpocock/skills 复刻。每日中午12点钟同步. The licence is MIT.

When your agent uses it

  • Tasks that involve Linting and formatting

Example prompts

  • “/setup-pre-commit”

Requirements

  • Node.js

Workflow steps

8 steps, taken from the step headings in SKILL.md.

  1. 检测包管理器
  2. 安装依赖
  3. 初始化 Husky
  4. 创建 .husky/pre-commit
  5. 创建 .lintstagedrc
  6. 创建 .prettierrc(如果缺失)
  7. 验证
  8. 提交

What it can do on your machine

Read from SKILL.md and the folder at commit b72cc5b. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npx
    • npm
    • prettier

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npx and npm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Setup Pre Commit loads about 412 tokens when it runs. Until then it costs about 37 tokens; SKILL.md has 107 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~37
When it runs · the whole SKILL.md, loaded when a task matches
~412

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from devcxl/mattpocock-skills-zh at commit b72cc5b, republished under its MIT licence (© devcxl). 107 words, ~412 tokens.

Download SKILL.mdSave it as .claude/skills/setup-pre-commit/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
setup-pre-commit
description
在当前仓库中设置 Husky pre-commit 钩子,集成 lint-staged(Prettier)、类型检查和测试。当用户想要添加 pre-commit 钩子、设置 Husky、配置 lint-staged、或添加提交时的格式化/类型检查/测试时使用。

设置 Pre-Commit 钩子

将要设置的内容

  • Husky pre-commit 钩子
  • lint-staged 对所有暂存文件运行 Prettier
  • Prettier 配置(如果缺失)
  • typecheck 和 test 脚本在 pre-commit 钩子中运行

步骤

1. 检测包管理器

检查 package-lock.json(npm)、pnpm-lock.yaml(pnpm)、yarn.lock(yarn)、bun.lockb(bun)。使用已存在的那个。如果不确定,默认使用 npm。

2. 安装依赖

安装为 devDependencies:

husky lint-staged prettier
3. 初始化 Husky
bash
npx husky init

这会创建 .husky/ 目录并在 package.json 中添加 prepare: "husky"。

4. 创建 .husky/pre-commit

写入以下内容(Husky v9+ 不需要 shebang):

npx lint-staged
npm run typecheck
npm run test

适配:将 npm 替换为检测到的包管理器。如果仓库的 package.json 中没有 typecheck 或 test 脚本,则省略对应行并告知用户。

5. 创建 .lintstagedrc
json
{
  "*": "prettier --ignore-unknown --write"
}
6. 创建 .prettierrc(如果缺失)

仅当不存在 Prettier 配置时才创建。使用以下默认值:

json
{
  "useTabs": false,
  "tabWidth": 2,
  "printWidth": 80,
  "singleQuote": false,
  "trailingComma": "es5",
  "semi": true,
  "arrowParens": "always"
}
7. 验证
  • .husky/pre-commit 存在且可执行
  • .lintstagedrc 存在
  • package.json 中的 prepare 脚本为 "husky"
  • prettier 配置存在
  • 运行 npx lint-staged 验证其是否正常工作
8. 提交

暂存所有更改/创建的文件,并使用消息提交:Add pre-commit hooks (husky + lint-staged + prettier)

这将触发新的 pre-commit 钩子执行:是一个很好的冒烟测试,验证一切正常。

注意事项

  • Husky v9+ 不需要在钩子文件中加 shebang
  • prettier --ignore-unknown 会跳过 Prettier 无法解析的文件(如图片等)
  • pre-commit 钩子先运行 lint-staged(快速,仅处理暂存文件),然后运行完整的 typecheck 和 test

© devcxl, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in skills/misc/setup-pre-commit of devcxl/mattpocock-skills-zh.

  • SKILL.md
  • agents/openai.yaml

Open the folder on GitHubat commit b72cc5b

Compare with similar skills

Setup Pre Commit next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Setup Pre Commit compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Setup Pre Commit this skilldevcxl/mattpocock-skills-zh433—~412Automated safety check: PassMIT
Setup Pre Commitfossasia/eventyay-interpretation1.6k12 repos~565Automated safety check: PassApache-2.0
Setup Pre Commitvinvcn/mattpocock-skills-zh-CN4.6k—~463Automated safety check: PassMIT
Git PR Workflowandymai/brepjs114—~2.9kAutomated safety check: PassApache-2.0
Static Code Analysis Typescriptjaktestowac/awesome-copilot-for-testers116—~4.2kAutomated safety check: PassMIT
Hook Commitsdanielvm-git/bigpowers256—~623Automated safety check: PassMIT

Similar skills

  • Setup Pre Commit

    fossasia/eventyay-interpretation

    Set up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo.

    1.6k GitHub starsUsed in 12 repos~565 tokens
    DevelopmentAuto-check passed
  • Setup Pre Commit

    vinvcn/mattpocock-skills-zh-CN

    在当前仓库设置 Husky pre-commit hooks,集成 lint-staged (Prettier)、类型检查和测试。适用于用户想添加 pre-commit hooks、设置 Husky、配置 lint-staged,或在提交时运行格式化、类型检查和测试时。

    4.6k GitHub stars~463 tokensUpdated 9 days ago
    DevelopmentAuto-check passed
  • Git PR Workflow

    andymai/brepjs

    This skill should be used when committing, pushing, branching, or merging in the brepjs repository — when a task involves "pre-commit hook failed" (which tier ran, how to bypass), "commit rejected…

    114 GitHub stars~2.9k tokensUpdated today
    DevelopmentAuto-check passed
  • Static Code Analysis Typescript

    jaktestowac/awesome-copilot-for-testers

    Creates, reviews, and modernizes static code analysis setups for Node.js and TypeScript repositories, covering ESLint flat config, typescript-eslint, tsconfig, Prettier, import sorting, Husky…

    116 GitHub stars~4.2k tokensUpdated 1 mo ago
    DevelopmentAuto-check passed
  • Hook Commits

    danielvm-git/bigpowers

    Set up pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo.

    256 GitHub stars~623 tokensUpdated 15 days ago
    DevelopmentAuto-check passed
  • Installs, updates or migrates the vendored anti-slop Oxlint plugin in a repository, keeping local rule changes and the plugin's license and provenance files.

    5.2k GitHub stars~2.2k tokensUpdated 27 days ago
    DevelopmentAuto-check passed

More from devcxl/mattpocock-skills-zh

All 20 skills in this repo
  • Triage

    devcxl/mattpocock-skills-zh

    将 issue 和外部 PR 推过一组分诊角色的状态机——分类、验证、必要时盘问,并写出 agent 就绪的任务简报. An agent skill from devcxl/mattpocock-skills-zh.

    433 GitHub starsUsed in 1 repo~816 tokens
    Auto-check passed
  • Git Guardrails Claude Code

    devcxl/mattpocock-skills-zh

    设置 Claude Code 钩子,在危险 Git 命令(push、reset --hard、clean、branch -D 等)执行前将其拦截。当用户想要防止破坏性 Git 操作、添加 Git 安全钩子或在 Claude Code 中阻止 git push/reset 时使用。

    433 GitHub stars~420 tokensUpdated yesterday
    Auto-check passed
  • Codebase Design

    devcxl/mattpocock-skills-zh

    设计深度模块的共享词汇。当用户想要设计或改进模块的接口、寻找深化机会、决定 seam 的位置、让代码更可测试或更易被 AI 导航,或者其他 skill 需要深度模块词汇时使用。

    433 GitHub stars~809 tokensUpdated yesterday
    Auto-check passed
  • Diagnosing Bugs

    devcxl/mattpocock-skills-zh

    针对棘手 bug 和性能回归的诊断循环。当用户说"诊断"/"调试这个",或报告某处崩溃/报错/不正常/缓慢时使用. An agent skill from devcxl/mattpocock-skills-zh.

    433 GitHub stars~958 tokensUpdated yesterday
    Auto-check passed
  • Domain Modeling

    devcxl/mattpocock-skills-zh

    构建和完善项目的领域模型。当讨论代码库术语、编写或编辑 GLOSSARY.md,或记录或编辑 ADR 时使用. An agent skill from devcxl/mattpocock-skills-zh.

    433 GitHub stars~412 tokensUpdated yesterday
    Auto-check passed
  • Migrate To Shoehorn

    devcxl/mattpocock-skills-zh

    将测试文件从 as 类型断言迁移到 @total-typescript/shoehorn。当用户提到 shoehorn、想要在测试中替换 as、或需要部分测试数据时使用。

    433 GitHub stars~522 tokensUpdated yesterday
    Auto-check passed

Works with

Categories

Questions about Setup Pre Commit

What does Setup Pre Commit do?

在当前仓库中设置 Husky pre-commit 钩子,集成 lint-staged(Prettier)、类型检查和测试。当用户想要添加 pre-commit 钩子、设置 Husky、配置 lint-staged、或添加提交时的格式化/类型检查/测试时使用。. Setup Pre Commit is an agent skill from devcxl/mattpocock-skills-zh.

When should I use Setup Pre Commit?

Setup Pre Commit fits situations like: tasks that involve Linting and formatting.

How do I install Setup Pre Commit in Claude Code?

Run `npx skills add devcxl/mattpocock-skills-zh --skill setup-pre-commit -a claude-code`. Or copy the skill folder (skills/misc/setup-pre-commit in devcxl/mattpocock-skills-zh) into .claude/skills/setup-pre-commit in your project. Claude Code loads it when a task matches its description.

How do I install Setup Pre Commit in Codex?

Run `npx skills add devcxl/mattpocock-skills-zh --skill setup-pre-commit -a codex`. Or copy the skill folder (skills/misc/setup-pre-commit in devcxl/mattpocock-skills-zh) into .agents/skills/setup-pre-commit in your project. Codex loads it when a task matches its description.

Can I use Setup Pre Commit in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add devcxl/mattpocock-skills-zh --skill setup-pre-commit -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/setup-pre-commit, .gemini/skills/setup-pre-commit, .github/skills/setup-pre-commit and .opencode/skills/setup-pre-commit in your project.

What does Setup Pre Commit need to run?

Going by SKILL.md and its folder, Setup Pre Commit needs the command-line tools its instructions call (npx, npm and prettier). Our summary lists: Node.js.

Does Setup Pre Commit access the network?

SKILL.md contains no URLs. Its commands use npx and npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Setup Pre Commit safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Setup Pre Commit use?

Setup Pre Commit is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Setup Pre Commit use?

About 412 tokens (SKILL.md is roughly 1.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Setup Pre Commit?

Skills that share tags, products or a category with Setup Pre Commit: Setup Pre Commit (fossasia/eventyay-interpretation, 1.6k stars), Setup Pre Commit (vinvcn/mattpocock-skills-zh-CN, 4.6k stars), Git PR Workflow (andymai/brepjs, 114 stars) and Static Code Analysis Typescript (jaktestowac/awesome-copilot-for-testers, 116 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Setup Pre Commit?

devcxl (a GitHub user) maintains it in devcxl/mattpocock-skills-zh, which has 433 GitHub stars. The repository holds 20 skills in this directory. The repository was last updated on October 5, 2026.

Source: devcxl/mattpocock-skills-zh on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.