mcpField
D
diagnostic-logs

diagnostic-logs

github.com/editframe开发1979 次安装2 周前更新
代码仓库

关于 diagnostic-logs

用于规范诊断控制台日志的编码技能,让日志更易筛选和复制。它规定用途说明、大写标识符、JSON 字符串化数据,并要求调试后删除临时日志。

主要功能

  1. 01明确日志用途
  2. 02可筛选的大写标识符
  3. 03对象转为 JSON 字符串
  4. 04调试后移除日志

适用场景

  1. 01调试时添加可搜索日志
  2. 02便于复制控制台数据
  3. 03清理临时诊断日志

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/editframe/skills --skill diagnostic-logs

安装后在 Claude Code 中输入/diagnostic-logs确认已加载。

详细介绍

诊断日志

格式

console.log('[IDENTIFIER] Clear purpose message', JSON.stringify({ object: data }));

要求

  1. 用途明确 - 这条日志告诉你什么?
  2. 单一可筛选标识符 - 使用 [UPPER_CASE] 前缀(例如:[THUMB_STRIP]、[RENDER])
  3. 对象转为字符串 - 使用 JSON.stringify(),方便从浏览器控制台复制
  4. 完成后移除 - 调试完成后删除诊断日志

示例

// ✅ Good
console.log('[THUMB_STRIP] Starting animation', JSON.stringify({ 
  loadingCount: 3,
  totalSlots: 10 
}));

// ❌ Bad - no identifier, object not stringified
console.log('Starting animation', { loadingCount: 3 });

评论

支持 Markdown