diffs

Generate visual diffs from text or patch strings as viewer URLs or PNG/PDF files.

10|Updated Mar 12, 2026
One-click install
npx skills add https://github.com/wixette/clawnotes --skill diffs-wixette
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diffs
Source: https://github.com/wixette/clawnotes/tree/main/openclaw-snapshots/20260312/extensions/diffs/skills/diffs
Command: npx skills add https://github.com/wixette/clawnotes --skill diffs-wixette

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps you create real, shareable diffs for code or text changes, eliminating the need for manual edit summaries.

Core Features & Use Cases

  • Generate Diffs: Produce visual diffs from before/after text or patch strings.
  • Multiple Output Modes: Choose between a viewer URL, a file artifact (PNG/PDF), or both.
  • Use Case: When collaborating on code changes, use this Skill to generate a clear visual diff that can be easily shared and understood by your team, rather than describing the changes in text.

Quick Start

Use the diffs tool to produce a viewer URL for the changes between the 'original.txt' and 'modified.txt' files.

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 diff for code review instead of describing changes in text?

Generate a visual diff by providing before and after text or patch strings to produce a clear comparison. This eliminates manual edit summaries by outputting an interactive viewer URL or a file artifact like PNG and PDF for team collaboration.

Can I output my text comparison as a PNG or PDF file?

Yes, text comparison output supports generating file artifacts in PNG or PDF formats. You can choose between outputting a file artifact, an interactive viewer URL, or both to clearly communicate code and document edits.

What's the best way to share code changes with my team for collaboration?

The best way to share code changes is generating a visual diff with an interactive viewer URL. This provides a clear, shareable link that team members can easily understand without needing to parse raw version control patches.

Does this diff generator support patch strings for version control?

Yes, the diff generator supports patch strings for version control alongside standard before and after text. It processes these inputs to create visual representations of code changes with customizable presentation options like theme and layout.

How do I customize the theme and layout of a generated code diff?

Customize the code diff theme and layout using presentation options during generation. These options allow you to style the visual output before delivering it via canvas and message tools or exporting it as a PNG or PDF artifact.