skills.rest
JEROME-PRAKASH-L
JEROME-PRAKASH-LCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

diffs

Generate shareable diffs as viewer URLs or rendered PNG and PDF file artifacts.

1|Updated Jun 9, 2026
Search Tags:#code review#pdf#png#diff#patch#viewer#change visualization
One-click install
npx skills add https://github.com/JEROME-PRAKASH-L/openclaw --skill diffs-jerome-prakash-l
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diffs
Source: https://github.com/JEROME-PRAKASH-L/openclaw/tree/main/extensions/diffs/skills/diffs
Command: npx skills add https://github.com/JEROME-PRAKASH-L/openclaw --skill diffs-jerome-prakash-l

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Manual edit summaries are hard to read and easy to misinterpret when reviewing code or text changes. This Skill produces real, shareable diffs—either an interactive viewer URL or a rendered file artifact—so reviewers see exactly what changed. ## Core Features & Use Cases - Viewer Mode: Generate an interactive gateway-hosted diff viewer and present it via the canvas tool using the returned viewer URL. - File Mode: Render diffs as PNG or PDF artifacts with configurable quality (standard, hq, print), scale, and max width. - Flexible Input: Accepts either before/after text pairs or a unified patch string, with optional file path context. - Use Case: After refactoring a configuration file, generate a diff in mode=both to get a viewer link for quick inspection and a PNG artifact to send to a teammate through the message tool. ## Quick Start Use the diffs tool to show the changes between the original and edited version of config.yaml as a shareable viewer link.

Frequently Asked Questions about diffs

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

FAQPage Schema
How do I create a shareable diff from two versions of a file?▼

Call the diffs tool with the before and after text, optionally including the file path. Use mode=view to get an interactive viewer URL, or mode=file to render a PNG or PDF artifact returned in details.filePath.

What input formats does the diffs tool accept?▼

The diffs tool accepts either a before and after text pair or a unified patch string. Including the path parameter helps label the diff when the file name is known.

How do I send a rendered diff file to a user or channel?▼

Do not rely on the raw tool-result renderer. Instead, call the message tool and pass the returned details.filePath through the path or filePath parameter to deliver the PNG or PDF artifact.

Why does the diff viewer URL fail behind a loopback proxy?▼

With a loopback trusted proxy such as Tailscale Serve, raw loopback viewer requests can fail closed without forwarded client-IP headers. Use mode=file or mode=both, or configure viewerBaseUrl or an explicit public baseUrl.

Can I control the quality of rendered diff images?▼

Yes. Set fileQuality to standard, hq, or print for large or high-fidelity files, and optionally override fileScale and fileMaxWidth to adjust the rendered PNG or PDF output.

Related Skills

Explore More Software Engineering Skills→
aniruddh2003aniruddh2003
1

speckit.diff

Compare two specification versions and generate a structured markdown diff report.

Community
Intermediate
zyj18860969891-bytezyj18860969891-byte

diffs

Generate shareable diffs and patch views with viewer URLs and file artifacts.

Community
Intermediate
lucasfcostalucasfcosta
62

general-code-review

Automate code-review of diffs for correctness, simplicity, and test coverage.

Community
Advanced
majunbaomajunbao

diffs

Generate shareable diffs from text or patch inputs with viewer and file modes.

Community
Intermediate