veelenga/preview-skills

preview-csv

Render and preview CSV files in browser with interactive sorting, filtering, and column statistics

preview-d3

Create interactive 2D data visualizations using D3.js with zoom, pan, and custom rendering

preview-diff

Git diff preview tool with GitHub-style formatting and interactive features

preview-json

Render and preview JSON files in browser with syntax highlighting, collapsible tree view, and search

preview-leaflet

Create interactive maps with markers, routes, and geographic data using Leaflet

preview-markdown

Render and preview Markdown files in browser with GitHub-flavored formatting and syntax highlighting

preview-mermaid

Render and preview Mermaid diagrams in browser with support for flowcharts, sequence diagrams, class diagrams, and more

preview-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.

preview-svg

Render and preview SVG animations in the browser with play/pause, timeline scrubbing, zoom & pan, code view, and export. Use when explaining a concept visually with an animated SVG (SMIL, CSS keyframes, or inline-JS), prototyping path-draw / morph /…

preview-threejs

Create interactive 3D visualizations using Three.js with orbit controls, lighting, and animation