preview-diff
Git Diff Preview Tool
Internal tool for previewing git changes with GitHub-style formatting. Accessed via /preview-diff command.
Features
Visual Design
- Beautiful gradient header with clear stats summary
- GitHub-style formatting using diff2html library
- Modern UI with rounded corners and smooth transitions
- Enhanced readability with optimized fonts and spacing
Functionality
- Accordion-style files: Click headers to expand/collapse
- Smart defaults: First file expanded, others collapsed
- Expand/Collapse All button for quick control
- Real-time search: Filter files by name
More from veelenga/preview-skills
preview-leaflet
Create interactive maps with markers, routes, and geographic data using Leaflet
40preview-mermaid
Render and preview Mermaid diagrams in browser with support for flowcharts, sequence diagrams, class diagrams, and more
2preview-markdown
Render and preview Markdown files in browser with GitHub-flavored formatting and syntax highlighting
2preview-json
Render and preview JSON files in browser with syntax highlighting, collapsible tree view, and search
2preview-csv
Render and preview CSV files in browser with interactive sorting, filtering, and column statistics
2preview-plan
Render implementation plans as navigable HTML with sidebar TOC and progress tracking. Activate automatically when producing or previewing implementation plans, design docs, architecture proposals, migration plans, or any long-form structured plan.
2