skylv-diff-viewer for Openclaw

A professional code comparison tool featuring LCS-based diffing, syntax highlighting, and side-by-side visualization for seamless code reviews.

sky-lv
v1.0.1
Apr 18, 2026
0
397
1

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install skylv-diff-viewer

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install skylv-diff-viewer using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is skylv-diff-viewer?

skylv-diff-viewer is a robust utility designed for developers who need more than basic text comparisons. By utilizing the Longest Common Subsequence (LCS) algorithm, this tool provides precise line and word-level diffing with syntax highlighting. It serves as a vital component of the Openclaw Skills ecosystem, allowing users to visualize code changes in the terminal or export them as polished HTML documents. Whether you are comparing two specific files or auditing entire directories, it delivers a clear, professional view of your project evolution.

skylv-diff-viewer Use Cases

  • Reviewing source code changes with side-by-side syntax-aware visualization.
  • Exporting beautiful, standalone HTML diff reports for documentation or sharing.
  • Comparing directory structures to identify differences between project versions.
  • Performing granular word-level diffing to catch subtle logic changes.
  • Analyzing git repository states and commit statistics within an automated workflow.

How skylv-diff-viewer Works

  1. The skill is invoked through an Openclaw Skills compatible agent or via direct command line triggers.
  2. The LCS-based engine parses the input sources, identifying differences at both the line and token level.
  3. The tool determines the appropriate rendering method based on user preference, such as unified, side-by-side, or HTML.
  4. Syntax highlighting is applied to code files to enhance readability during the comparison process.
  5. The final output is generated, providing either a console-based view or a persistent HTML file for review.

skylv-diff-viewer Setup

To begin using this tool within your Openclaw Skills environment, follow these steps:

# Navigate to your skills directory
cd skills/skylv-diff-viewer

# Run a side-by-side comparison of two files
node diff_engine.js sbs old_version.js new_version.js

# Generate an HTML report for a professional review
node diff_engine.js html source.js modified.js "Feature Update Comparison"

skylv-diff-viewer Data Schema & Taxonomy

The skill organizes its operations around the following data structures:

Component Description
diff_engine.js The core logic file containing the LCS algorithm and rendering engines.
HTML Output Self-contained files (e.g., diff.html) featuring embedded VS Code-style CSS.
Statistics Data objects capturing the count of additions, deletions, and modifications.
Directory Map A recursive structure used to track file status (added/removed) across folders.
Large Files Optimized streaming logic for files exceeding 10MB to maintain performance.

skylv-diff-viewer Advanced Features

  • High-performance streaming for comparing files exceeding 10MB without memory overflow.
  • Professional dark-themed HTML export with syntax highlighting and visual statistics.
  • Detailed word-level diffing to highlight exact character changes within modified lines.
  • Seamless git integration for analyzing repository statistics and version history.
  • Side-by-side console view optimized for high-resolution terminal environments.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*