Preview Skills - Reduce cognitive load with AI agents

⚡

Zero dependencies

No servers, no installation complexity. Pure bash scripts that work anywhere.

📦

Self-contained

Generated HTML files are completely standalone and portable.

🎨

Beautiful output

Modern, responsive designs with dark mode and interactive features.

🔧

Easy to extend

Shared libraries make adding new skills quick and consistent.

Available skills

preview-plan

Plan viewer with sidebar TOC, progress tracking, and collapsible sections.

.plan.md .plan

Auth redesign

preview-csv

Interactive tables with sorting, filtering, search, and column statistics.

.csv

Employees

preview-json

Syntax highlighting with collapsible tree structure and search.

.json .jsonl

Sample Logs (JSONL)

preview-markdown

GitHub-flavored Markdown rendering with syntax highlighting.

.md .markdown

Sample Mermaid test

preview-mermaid

Interactive diagrams including flowcharts, sequences, ER, and more.

.mmd .mermaid

Flowchart

preview-diff

GitHub-style diffs with side-by-side comparison and syntax highlighting.

.diff .patch

Feature branch

preview-d3

Interactive 2D data visualizations with D3.js, zoom, and pan.

.d3

Sample Pie chart Network Heatmap

preview-threejs

Interactive 3D visualizations with Three.js and orbit controls.

.threejs .3d

Rubik's Cube Molecule Solar system

preview-leaflet

Interactive maps with markers, routes, and geographic data.

.leaflet

World cities Everest trail Longest trails

Quick installation

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

Reduce cognitive load when reviewing AI agent work