Standalone preview skills for visualizing files in the browser. Each skill is self-contained and works with any AI coding agent.
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.
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.
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.