diffs

Generate visual code diffs from before/after text or patch strings.

Updated Feb 1, 2026
One-click install
npx skills add https://github.com/NJUxlj/openclaw --skill diffs-njuxlj
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diffs
Source: https://github.com/NJUxlj/openclaw/tree/main/extensions/diffs/skills/diffs
Command: npx skills add https://github.com/NJUxlj/openclaw --skill diffs-njuxlj

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill replaces manual edit summaries with real, shareable diffs, making code changes clearer and more professional.

Core Features & Use Cases

  • Generate Diffs: Create visual diffs from before/after text or a patch string.
  • Multiple Output Modes: Choose between an interactive viewer URL, a file artifact (PNG/PDF), or both.
  • Use Case: When proposing a code change, instead of describing what you changed, use this Skill to generate a diff that clearly highlights the additions and deletions.

Quick Start

Use the diffs tool to create a viewer URL for the changes between the original text and the new text.

Frequently Asked Questions about diffs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a visual code diff from before and after text?

To generate a visual code diff, provide the original and modified text to the tool, which then highlights additions and deletions and outputs an interactive viewer URL or a file artifact.

Can I create a shareable PNG or PDF file from a code patch string?

Yes, you can create a shareable PNG or PDF file artifact from a code patch string by setting the output mode to file artifacts, applying presentation options and file quality settings for optimal rendering.

What is the best way to share code changes for review instead of writing edit summaries?

The best way to share code changes for review is to generate a visual diff that clearly highlights edits, replacing manual summaries with an interactive viewer URL or a PNG/PDF artifact for professional communication.

Does this tool support both interactive viewer URLs and file artifacts for diff rendering?

Yes, the tool supports both interactive viewer URLs and file artifacts for diff rendering, allowing you to choose either output mode or both to clearly communicate code edits during collaboration.

How do I render a code patch with optimal file quality settings?

To render a code patch with optimal file quality, input the patch string and configure the presentation options and file quality settings provided by the tool to generate a high-quality PNG or PDF artifact.

When do I need to generate a visual code difference instead of describing edits?

You need to generate a visual code difference when proposing changes for code review, as it provides a clear, professional highlight of additions and deletions rather than relying on manual edit descriptions.