diffs

Generate interactive diff viewers and PNG or PDF diff artifacts for code changes.

Updated Jun 18, 2026
One-click install
npx skills add https://github.com/wangqianCAI/OBI --skill diffs-wangqiancai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diffs
Source: https://github.com/wangqianCAI/OBI/tree/main/extensions/diffs/skills/diffs
Command: npx skills add https://github.com/wangqianCAI/OBI --skill diffs-wangqiancai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the ambiguity of manual edit summaries by providing clear, visual, and shareable representations of code changes, ensuring stakeholders can easily review and verify modifications.

Core Features & Use Cases

  • Interactive Viewers: Generate gateway-hosted diff viewers for collaborative code review.
  • Artifact Generation: Produce rendered diff files in PNG or PDF formats for documentation and audit trails.
  • Use Case: When refactoring a complex module, use this tool to generate a side-by-side diff view that highlights exactly what changed, allowing team members to approve the logic without manually scanning the entire file.

Quick Start

Use the diffs tool to generate a visual comparison between the current file and the proposed changes for the target module.

Frequently Asked Questions about diffs

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

FAQPage Schema
How do I generate shareable code diffs for version control workflows?

To generate shareable code diffs, this Skill creates visual and file-based diff representations of code modifications to improve transparency in version control workflows.

Can I export code diffs as static files for documentation and audit trails?

Yes, you can export code diffs as static file artifacts in PNG or PDF formats to provide rendered documentation and audit trails for compliance purposes.

How do I set up an interactive diff viewer for collaborative code review?

You can generate gateway-hosted interactive diff viewer URLs to enable side-by-side visual comparisons for collaborative code review among team members.

What's the best way to visually highlight module refactoring changes for team approval?

The best way to highlight module refactoring changes is generating a visual side-by-side diff view that targets exactly what changed, allowing members to approve logic without scanning entire files.

Do I need a local rendering engine to produce high-fidelity code diff output?

You need integration with a gateway-hosted diff viewer or local rendering engines to produce high-fidelity visual diff output for your code modifications.