Agent skill

readability-report

Generate a readability report. Utilize this capability when users request generating a readability report for project source code. Output a single-page HTML file named readability-report.html as the readability report, which integrates Node.js scripts and HTML templates.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/development/readability-report-warmeaf-wl-draw

SKILL.md

报告生成步骤

  1. 确定路径和输出目录

    • 确定源码文件夹路径(通常为 src/
    • 确定报告输出文件夹:默认为项目根目录下的 .readability/
    • 如果输出文件夹不存在,则创建该目录
  2. 初始化文件结构数据

    • 执行脚本:node .claude/skills/readability-report/script/generate-file-structure.js <源码文件夹路径> .readability/readability.json
    • 脚本会在输出文件夹(.readability/)下生成 readability.json 文件
    • 该 JSON 文件包含源码目录结构,每个代码文件的 readability 字段初始值为 0
  3. 评估代码可读性

    • 读取 .claude/skills/readability-report/code-readability.md 作为可读性评估标准
    • 读取 .readability/readability.json 获取所有代码文件列表
    • 对于 JSON 中的每个代码文件:
      • 读取文件内容
      • 根据 code-readability.md 的标准,运用 AI 能力评估其可读性
      • 将评估结果(0-100 的分数)更新到该文件对应的 readability 字段
    • 将更新后的数据写回 readability.json
  4. 生成 HTML 报告

    • 读取模板文件:.claude/skills/readability-report/template/readability-report-template.html
    • 读取最终的 readability.json 数据
    • 在模板文件中找到 rawData 变量(通常在 JavaScript 代码中)
    • readability.json 的内容赋值给 rawData 变量
    • 将更新后的模板内容保存为 .readability/readability-report.html
  5. 完成

    • 最终报告文件位于:.readability/readability-report.html

Didn't find tool you were looking for?

Be as detailed as possible for better results