Transforms ideas, data, and URLs into beautiful, self-contained HTML visualizations with a single prompt.
The Visualize skill is a powerful extension for Claude Code that automates the creation of professional-grade visual content. By leveraging a standardized skeleton and support for industry-standard libraries like Chart.js, Tailwind CSS, and Mermaid, it converts raw text or complex data into responsive dashboards, slide decks, infographics, and flowcharts. The skill prioritizes accessibility, responsive design, and immediate feedback by automatically opening the generated single-file HTML in the browser for instant review.
Key Features
01Standardized theme system with native light and dark mode support.
02Instant generation of responsive dashboards, slides, and infographics.
03104 GitHub stars
04Accessibility-first output with semantic HTML and print-friendly styles.
05Automatic browser preview and clickable local file URL generation.
06Built-in support for Chart.js, Mermaid, D3.js, and Tailwind CSS.
Use Cases
01Transforming raw data or JSON files into visual executive dashboards.
02Converting technical documentation into interactive flowcharts or mind maps.
03Generating professional 16:9 slide presentations from meeting notes or outlines.
