show-diff

Render git diff as a beautiful HTML5 page and host it on a local server for visual review

SKILL.md

GitHub

Show Git Diff as HTML

Convert raw git diff output into a styled HTML5 page and serve it via a local HTTP server.

Prerequisites

  • Git repository in current directory
  • Python 3.x (for conversion script + HTTP server)
  • No external dependencies needed

Steps

  1. Generate and convert diff to HTML

    cd /home/chihmin/Assetsentry/AssetSentry
python3 /home/chihmin/.hermes/skills/devops/show-diff/scripts/diff2html.py

    Or with a specific diff file:

    python3 /home/chihmin/.hermes/skills/devops/show-diff/scripts/diff2html.py /tmp/my-diff.patch

  2. Start HTTP server

    cd /tmp && python3 -m http.server 8899

  3. Open URL

    • Local: http://aya.crayfish-monitor.ts.net:8899/git-diff.html

Notes

  • The HTML output uses GitHub-dark theme styling
  • Syntax highlighting for additions (green) and deletions (red)
  • File sections are collapsible
  • Print-friendly layout included
  • Server runs on port 8899 (change if needed)

Script Location

The conversion script is at scripts/diff2html.py within this skill directory.

Related in other

limits-colimits

Context management for Claude Code. Hooks maintain state via ledgers and handoffs. MCP execution without context polluti...

by parcadei
3,392

ddttom-allaboutv2-claude-skills-block-collection-and-party

The Block Collection and Block Party are repositories for existing AEM blocks, build tools, code snippets, integration p...

by mattnigh
20

nodnarbnitram-claude-code-extensions-claude-skills-esphome-confi

This skill should be used when the user asks to "create an esphome config", "set up an esp32 device", "configure esphome...

by mattnigh
20