关于 diagnostic-logs
用于规范诊断控制台日志的编码技能,让日志更易筛选和复制。它规定用途说明、大写标识符、JSON 字符串化数据,并要求调试后删除临时日志。
主要功能
- 01明确日志用途
- 02可筛选的大写标识符
- 03对象转为 JSON 字符串
- 04调试后移除日志
适用场景
- 01调试时添加可搜索日志
- 02便于复制控制台数据
- 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 }));
要求
- 用途明确 - 这条日志告诉你什么?
- 单一可筛选标识符 - 使用
[UPPER_CASE]前缀(例如:[THUMB_STRIP]、[RENDER]) - 对象转为字符串 - 使用
JSON.stringify(),方便从浏览器控制台复制 - 完成后移除 - 调试完成后删除诊断日志
示例
// ✅ 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