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 / motion-path effects, or iterating on an animated icon, logo, or diagram. Triggers on "animated SVG", "explain visually", "SMIL", "path morph", "anima…
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 Markdown
Render and preview Markdown files in browser with GitHub-flavored formatting and syntax highlighting
Preview Leaflet
Create interactive maps with markers, routes, and geographic data using Leaflet
Preview Threejs
Create interactive 3D visualizations using Three.js with orbit controls, lighting, and animation
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 Csv
Render and preview CSV files in browser with interactive sorting, filtering, and column statistics
Preview Mermaid
Render and preview Mermaid diagrams in browser with support for flowcharts, sequence diagrams, class diagrams, and more
Preview Json
Render and preview JSON files in browser with syntax highlighting, collapsible tree view, and search
Claude Mermaid
MCP Server to previewing mermaid diagrams with live reload