diffs

Generate visual code differences from before and after text or patch strings.

307|86|Updated Feb 12, 2026

Search Tags:#developer tools #code review #collaboration #version control #diff #patch

Ready to run

npx skills add https://github.com/johnson7788/MultiUserClaw --skill diffs-johnson7788

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: diffs
Source: https://github.com/johnson7788/MultiUserClaw/tree/main/openclaw/extensions/diffs/skills/diffs
Command: npx skills add https://github.com/johnson7788/MultiUserClaw --skill diffs-johnson7788

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill replaces manual edit summaries with real, shareable code differences, making code reviews and collaboration more efficient and accurate.

Core Features & Use Cases

Generate Diffs: Create visual diffs from before and after text or a patch string.
Multiple Output Modes: Choose between an interactive viewer (mode=view), a downloadable file artifact (mode=file), or both (mode=both).
Customization: Control appearance with theme and layout, and file quality/scale for high-fidelity outputs.
Use Case: When discussing a code change with a colleague, use this Skill to generate a clear visual diff that highlights exactly what was modified, avoiding ambiguity.

Quick Start

Use the diffs tool to show a visual diff between the original text and the modified 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 for code review?▼

You can generate a visual code diff by inputting before and after text or a patch string. The tool creates an interactive view or a downloadable PNG/PDF artifact to clearly highlight code modifications.

Can I customize the theme and layout of a generated code diff?▼

Yes, you can customize the code diff appearance by adjusting the theme and layout parameters. You can also control file quality and scale to ensure high-fidelity visual representation of your code changes.

What is the best way to share code changes with a colleague?▼

The best way to share code changes is generating a visual diff from before and after text. This avoids ambiguity in edit summaries by providing a clear, shareable representation of exactly what was modified.

Does this tool support applying a patch string to generate a visual diff?▼

Yes, the tool supports using a patch string as input to generate a visual diff. It processes the patch data to produce an interactive view or a PNG/PDF file artifact showing the code differences.

What output formats are available when exporting a code diff?▼

Available output formats for exporting a code diff include PNG and PDF file artifacts. You can choose between an interactive viewer mode, a downloadable file mode, or both simultaneously.