メニュー
统计代码量——包括代码行数、注释行数、空白行数，按语言/文件维度汇总。支持目录、压缩包、Git 仓库、两个版本差异对比。当用户说"统计代码量"、"代码行数"、"loc"、"cloc"、"看下代码规模"、"这个项目多大"、"代码行数统计"时触发。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/gaorun/my-labs --skill clocコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
为前端开发生成可执行的功能测试用例。基于PRD需求和代码变更分析影响面， 输出包含操作步骤、测试数据和预期结果的完整测试报告。 当用户说"帮我生成测试用例"、"生成测试报告"、"功能测试"或提到前端测试、 回归测试、测试覆盖时使用。
从前端代码中定位后端接口的使用情况、分析页面与接口的关联、生成面向不同角色的接口分析报告。当用户问到某个接口在哪些地方有调用、入参/出参如何被使用、页面调了哪些接口、字段与接口的对应关系、接口调用链路、页面接口发现报告时触发。也适合在开发前做方案对齐时使用，输入 PRD 或变更需求后自动分析影响范围。还能分析整个前端项目的架构和接口全景。使用场景包括：接口反向溯源、页面接口发现、全项目接口摸底、前后端方案对齐、PRD 变更影响分析。适合后端、测试、产品同学了解前端接口使用全貌。
mermaid-cli (mmdc) 使用指南：将 Mermaid 定义文件(.mmd)转换为 SVG/PNG/PDF，支持 CI/CD 自动化、 Markdown 内嵌图表渲染、自定义主题和 CSS、批量转换。当用户提到渲染 Mermaid 图表、 把 .mmd 转成图片、自动化生成图表、在 CI 中构建 Mermaid 图、Markdown 里嵌入渲染后的图表、 自定义 Mermaid 图表样式/主题/字体、mmdc 报错或 Chromium 配置问题时触发。如果用户写出了 ```mermaid 代码块但需要渲染成图片文件，也应该触发此技能。
SOC 職業分類に基づく
SKILL.md を表示中
| name | cloc |
| description | 统计代码量——包括代码行数、注释行数、空白行数，按语言/文件维度汇总。支持目录、压缩包、Git 仓库、两个版本差异对比。当用户说"统计代码量"、"代码行数"、"loc"、"cloc"、"看下代码规模"、"这个项目多大"、"代码行数统计"时触发。 |
cloc 是一个 Perl 脚本，统计物理代码行数（排除空行和注释）。支持 200+ 编程语言。通过 npx cloc 即可运行，无需安装。
# 统计当前目录
npx cloc .
# 统计指定目录
npx cloc /path/to/project
# 统计单个文件
npx cloc src/index.ts src/utils/helper.ts
# 统计压缩包
npx cloc project.tar.gz
───────────────────────────────────────────────────────────────
Language files blank comment code
───────────────────────────────────────────────────────────────
TypeScript 42 1234 567 5678
CSS 8 234 89 1234
JSON 12 0 0 890
───────────────────────────────────────────────────────────────
SUM: 62 1468 656 7802
───────────────────────────────────────────────────────────────
# Markdown（适合嵌入文档/PR）
npx cloc . --md
# JSON（适合脚本处理）
npx cloc . --json
# CSV
npx cloc . --csv
# 按文件输出（精细到每个文件）
npx cloc . --by-file
# 按文件+语言输出
npx cloc . --by-file-by-lang
# 隐藏速率信息（使输出确定性的，适合对比）
npx cloc . --hide-rate
# 百分比显示
npx cloc . --percent
# 只显示代码行数百分比（横向）
npx cloc . --by-percent c
# 写入文件
npx cloc . --report-file=report.txt
npx cloc . --md --report-file=report.md
# 千位分隔符（大项目易读）
npx cloc . --fmt=1 --thousands-delimiter=,
# 排除目录（可指定多个）
npx cloc . --exclude-dir=node_modules,dist,.cache,.git
# 排除文件扩展名
npx cloc . --exclude-ext=json,svg,md
# 排除语言
npx cloc . --exclude-lang=JSON,Markdown,YAML
# 只统计特定扩展名
npx cloc . --include-ext=ts,tsx,js,jsx
# 只统计特定语言
npx cloc . --include-lang=TypeScript,JavaScript,CSS
# 从文件读取排除列表
echo ".git/" > .clocignore
echo "node_modules/" >> .clocignore
npx cloc . --exclude-list-file=.clocignore
# 正则排除目录路径（会匹配合并路径）
npx cloc . --fullpath --not-match-d='/(__tests__|__mocks__)/'
# 只统计特定目录模式
npx cloc . --match-d='/(src|packages)/'
# 不递归子目录
npx cloc . --no-recurse
# 跳过大文件（默认跳过 >100MB）
npx cloc . --max-file-size=10
# 直接从 Git 获取文件列表（自动忽略 .gitignore 内容）
npx cloc . --vcs=git
# 统计特定分支/提交
npx cloc https://github.com/user/repo.git --git
npx cloc <commit-hash> --git
npx cloc <branch-name> --git
# 对比两个分支/提交的代码差异
npx cloc --diff <commit-a> <commit-b>
npx cloc --diff branch-a branch-b
# 只对比有变化的文件（Git diff 策略 #1）
npx cloc --git-diff-rel <commit-a> <commit-b>
# 对比所有文件（Git diff 策略 #2）
npx cloc --git-diff-all <commit-a> <commit-b>
───────────────────────────────────────────────────────────────
Language files blank comment code
───────────────────────────────────────────────────────────────
TypeScript 3 -5 2 42
CSS 1 0 0 12
───────────────────────────────────────────────────────────────
SUM: 4 -5 2 54
───────────────────────────────────────────────────────────────
正数表示增加，负数表示减少。
# 分别生成报告
npx cloc project-a/ --report-file=report-a.txt
npx cloc project-b/ --report-file=report-b.txt
# 汇总
npx cloc --sum-reports report-a.txt report-b.txt
# 导出当前语言定义（方便自定义）
npx cloc --write-lang-def=my-lang-def.txt
# 使用自定义语言定义
npx cloc . --read-lang-def=my-lang-def.txt
# 强制指定文件扩展名的语言
npx cloc . --force-lang="TypeScript,vue"
# 对比目录
npx cloc --diff /path/to/old/ /path/to/new/
# 对比压缩包
npx cloc --diff old.tar.gz new.tar.gz
# 同时计数并对比（生成三份输出）
npx cloc --count-and-diff old/ new/ --report-file=result
# 会生成 result.old, result.new, result.diff 三个文件
# 忽略空白/大小写差异
npx cloc --diff --ignore-whitespace old/ new/
npx cloc --diff --ignore-case old/ new/
| 场景 | 命令 |
|---|---|
| 统计项目（排除 node_modules 和 dist） | npx cloc . --exclude-dir=node_modules,dist |
| 只统计生产代码 | npx cloc src/ --exclude-dir=__tests__ |
| 统计新增代码 | npx cloc --diff main feature-branch |
| 导出为 Markdown 报告 | npx cloc . --exclude-dir=node_modules --md --report-file=cloc-report.md |
| 按维度汇总（代码行数 < 1000 归到 Other） | npx cloc . --summary-cutoff=c:1000 |
| 只统计 TypeScript 文件 | npx cloc src/ --include-ext=ts,tsx |
| 查看 cloc 支持的语言 | npx cloc --show-lang | head -30 |
| 查看支持的文件扩展名 | npx cloc --show-ext |
| 并行处理（多核加速） | npx cloc . --processes=0（0=自动） |
| 忽略 auto-generated 文件 | npx cloc . --no-autogen |
npx cloc 会下载 cloc 的 Perl 脚本（约 10MB），之后会缓存。--git 模式只能统计已提交的文件，未跟踪的更改不会被统计。--exclude-dir=node_modules，否则会扫描所有依赖。--diff 模式下大型文件可能超时，可以用 --diff-timeout=30 调整。--vcs=git 和 --git 的区别：前者用 git ls-files 获取文件列表（只包含 tracked 文件）；后者把参数当作 git commit hash/branch 来解析。