Transform plans, diffs, and data into navigable previews. Built for humans collaborating with AI coding agents.
No servers, no installation complexity. Pure bash scripts that work anywhere.
Generated HTML files are completely standalone and portable.
Modern, responsive designs with dark mode and interactive features.
Shared libraries make adding new skills quick and consistent.
Plan viewer with sidebar TOC, progress tracking, and collapsible sections.
Interactive tables with sorting, filtering, search, and column statistics.
Syntax highlighting with collapsible tree structure and search.
GitHub-flavored Markdown rendering with syntax highlighting.
Interactive diagrams including flowcharts, sequences, ER, and more.
Animated SVG previews with play/pause, timeline scrubbing, and zoom for explaining concepts visually.
GitHub-style diffs with side-by-side comparison and syntax highlighting.
Interactive 2D data visualizations with D3.js, zoom, and pan.
Interactive 3D visualizations with Three.js and orbit controls.
Interactive maps with markers, routes, and geographic data.
Get started in seconds with the installation script
# Clone repository
git clone https://github.com/veelenga/preview-skills.git && cd preview-skills
# Interactive installation - select which skills to install
scripts/install.sh
# Or install all skills at once
scripts/install.sh --all
Preview Skills integrates seamlessly with AI coding agents to visualize your data instantly.