Code Viewer

by BytesAgain

Display source files with syntax highlighting and Git decorations. Use when reading code, inspecting file diffs, or reviewing configs in terminal.

3.7k编码与调试未扫描2026年3月23日

安装

claude skill add --url github.com/openclaw/skills/tree/main/skills/bytesagain/code-viewer

文档

Code Viewer

A comprehensive devtools toolkit for checking, validating, formatting, linting, explaining, converting, diffing, previewing, and fixing code — with built-in logging, search, statistics, and data export.

Commands

CommandDescription
check <input>Record and check code input; without args shows recent check entries
validate <input>Validate code input; without args shows recent validate entries
generate <input>Generate code from input; without args shows recent entries
format <input>Format code input; without args shows recent format entries
lint <input>Lint code for issues; without args shows recent lint entries
explain <input>Explain code; without args shows recent explain entries
convert <input>Convert code between formats; without args shows recent entries
template <input>Create or apply templates; without args shows recent entries
diff <input>Compare code differences; without args shows recent diff entries
preview <input>Preview code output; without args shows recent preview entries
fix <input>Fix code issues; without args shows recent fix entries
report <input>Generate a report; without args shows recent report entries
statsShow summary statistics across all log categories
export <fmt>Export all data in json, csv, or txt format
search <term>Search across all logged entries for a term
recentShow the 20 most recent entries from the activity log
statusHealth check — version, data dir, entry count, disk usage
helpShow all available commands
versionPrint version (v2.0.0)

Usage

bash
code-viewer <command> [args]

Each command with an argument logs the input with a timestamp and saves it to a category-specific log file. Running a command without arguments displays the most recent entries for that category.

Data Storage

  • Default location: ~/.local/share/code-viewer
  • Log files: Each command category stores entries in its own file (e.g., check.log, lint.log, diff.log)
  • History: All commands are also logged to history.log with timestamps
  • Export formats: JSON (structured array), CSV (type/time/value), or plain text

Requirements

  • Bash 4+ (strict mode: set -euo pipefail)
  • No external dependencies or API keys required
  • Standard Unix tools (date, wc, grep, du, head, tail)

When to Use

  1. Code review workflow — Use check, lint, and validate to log and track code issues during review sessions
  2. Learning and documentation — Use explain to break down unfamiliar code, then report to generate summaries
  3. Format conversion — Use convert to transform code between formats, and format to standardize style
  4. Diff tracking — Use diff to log code comparisons, then search to find specific changes later
  5. Team metrics and audit — Use stats to see activity summaries, export json to feed data into dashboards

Examples

bash
# Check a code snippet
code-viewer check "function add(a, b) { return a + b; }"

# Lint a file reference
code-viewer lint "src/main.js has unused imports"

# Explain a code block
code-viewer explain "Array.prototype.reduce callback"

# View diff history
code-viewer diff

# Generate a report entry
code-viewer report "Sprint 12 code quality summary"

# Show aggregate stats across all categories
code-viewer stats

# Export all data as JSON
code-viewer export json

# Search logs for a keyword
code-viewer search "reduce"

# Show recent activity
code-viewer recent

# Health check
code-viewer status

Output

  • Command results print to stdout
  • All entries are timestamped and persisted to ~/.local/share/code-viewer/<category>.log
  • Export files are written to ~/.local/share/code-viewer/export.<fmt>

Powered by BytesAgain | bytesagain.com | hello@bytesagain.com

相关 Skills

前端设计

by anthropics

Universal
热门

面向组件、页面、海报和 Web 应用开发,按鲜明视觉方向生成可直接落地的前端代码与高质感 UI,适合做 landing page、Dashboard 或美化现有界面,避开千篇一律的 AI 审美。

想把页面做得既能上线又有设计感,就用前端设计:组件到整站都能产出,难得的是能避开千篇一律的 AI 味。

编码与调试
未扫描109.6k

网页构建器

by anthropics

Universal
热门

面向复杂 claude.ai HTML artifact 开发,快速初始化 React + Tailwind CSS + shadcn/ui 项目并打包为单文件 HTML,适合需要状态管理、路由或多组件交互的页面。

在 claude.ai 里做复杂网页 Artifact 很省心,多组件、状态和路由都能顺手搭起来,React、Tailwind 与 shadcn/ui 组合效率高、成品也更精致。

编码与调试
未扫描109.6k

网页应用测试

by anthropics

Universal
热门

用 Playwright 为本地 Web 应用编写自动化测试,支持启动开发服务器、校验前端交互、排查 UI 异常、抓取截图与浏览器日志,适合调试动态页面和回归验证。

借助 Playwright 一站式验证本地 Web 应用前端功能,调 UI 时还能同步查看日志和截图,定位问题更快。

编码与调试
未扫描109.6k

相关 MCP 服务

GitHub

编辑精选

by GitHub

热门

GitHub 是 MCP 官方参考服务器,让 Claude 直接读写你的代码仓库和 Issues。

这个参考服务器解决了开发者想让 AI 安全访问 GitHub 数据的问题,适合需要自动化代码审查或 Issue 管理的团队。但注意它只是参考实现,生产环境得自己加固安全。

编码与调试
82.9k

by Context7

热门

Context7 是实时拉取最新文档和代码示例的智能助手,让你告别过时资料。

它能解决开发者查找文档时信息滞后的问题,特别适合快速上手新库或跟进更新。不过,依赖外部源可能导致偶尔的数据延迟,建议结合官方文档使用。

编码与调试
51.5k

by tldraw

热门

tldraw 是让 AI 助手直接在无限画布上绘图和协作的 MCP 服务器。

这解决了 AI 只能输出文本、无法视觉化协作的痛点——想象让 Claude 帮你画流程图或白板讨论。最适合需要快速原型设计或头脑风暴的开发者。不过,目前它只是个基础连接器,你得自己搭建画布应用才能发挥全部潜力。

编码与调试
46.2k

评论