diffs

Generate visual and file-based code diffs from before/after text or patch strings.

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

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 Visual Diffs: Create interactive viewers or file artifacts (PNG, PDF) of code changes.
  • Flexible Input: Accepts before and after text, or a unified patch string.
  • Use Case: When proposing a code change, instead of describing what you altered, use this Skill to generate a diff that clearly highlights the exact modifications.

Quick Start

Use the diffs tool to generate a viewer URL for the provided before and after 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 shareable code diff for a code review?

To generate a shareable code diff, provide before and after text or a unified patch string. The tool outputs interactive gateway viewers and downloadable PNG or PDF artifacts for precise code review communication.

Can I create a visual diff from a patch string?

Yes, you can create a visual diff directly from a patch string. The tool accepts a unified patch string as input and generates interactive viewers or file artifacts highlighting the code modifications.

What is the best way to share code modifications without sending raw files?

The best way to share code modifications is by generating visual diffs. This tool replaces manual edit summaries with interactive viewers or downloadable PNG and PDF artifacts that clearly highlight exact changes.

Does this tool support exporting code differences to PDF or PNG?

Yes, this tool supports exporting code differences to both PDF and PNG formats. It generates downloadable file artifacts from your before and after text or patch strings for offline collaboration.

When do I need to use a visual diff generator instead of manual edit summaries?

You need a visual diff generator when proposing code changes that require precise communication. It replaces manual edit summaries with real, shareable diffs, making code changes clearer and more professional for reviewers.

Can I use before and after text to generate an interactive code viewer?

Yes, you can use before and after text to generate an interactive code viewer. The tool processes the provided text inputs to create a visual gateway viewer highlighting the exact code modifications.