skills.rest
johnson7788
johnson7788COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/johnson7788/MultiUserClaw --skill diffs-johnson7788
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
vignesh2027vignesh2027
18

diffs

Generate diffs between text files or patch strings with viewer URLs and file artifacts.

Community
Basic
syxscottsyxscott
1

diffs

Generate visual diffs from before/after text with PNG or PDF outputs.

Community
Intermediate
sjinkssjinks

wp-plugin-version-diff

Generate unified diff patches between WordPress plugin versions.

Community
Advanced
TimoFreibergTimoFreiberg
2

dev-review-loop

Orchestrate development, review, and fix loops with specialized subagents.

Community
Advanced