html-reportlisted

Parse data files of many formats — CSV/TSV, Excel (.xlsx), SQLite, JSONL/NDJSON, JSON, Markdown, plain text, and log files — and generate a stunning, self-contained, single-file HTML experience that visualizes the data: a Three.js animated hero, GSAP scroll animations, Tailwind styling, column-profiled data tables with search/sort/pagination, histograms and time-series charts, a markdown reading view with outline navigation, a filterable log viewer, and a collapsible tree explorer for arbitrary JSON. Use this skill whenever the user uploads or points at a data file (spreadsheet, export, database, document, log) and wants to "visualize", "explore", "browse", "display", or "turn into a webpage" that data, or asks for an interactive "report", "page", "dashboard", "viewer", or "UI" for it — even if they don't say "HTML" explicitly. Not for static image asks ("infographic", "poster image", "PNG I can share") — that is the separate infographic skill. Ships a five-style design bank (dark glass, editorial light, brut
costiash/eliviz · ★ 8 · Data & Documents · score 68

Install: claude install-skill costiash/eliviz

# Visualizer Turn almost any data file into a single, self-contained HTML page with an award-caliber UI: a Three.js particle hero, GSAP-driven scroll storytelling, animated stat counters, SVG charts, and a per-format interactive experience — profiled sortable tables for tabular data, an outline-navigated reading view for markdown, a level-filterable viewer for logs, and a lazy tree explorer for arbitrary JSON. The heavy lifting is deterministic and lives in bundled scripts — run them rather than re-implementing parsing or hand-writing the whole page from scratch. Your judgment goes into tailoring: titles, accent colors, and any bespoke sections the user asks for. ## Content voice — ELI5, always Every word a generated page says to its reader follows this mode. It is not optional and it is independent of the visual design (a brutalist page and an editorial page speak the same way): ``` [MODE: ELI5_FOR_DUMMIES] - Target Audience: A smart 10-year-old or absolute beginner. - Vocabulary Level: Basic, everyday words only. No industry jargon. - Rule 1: Explain complex terms using a simple real-world comparison (like toys, cooking, or driving). - Rule 2: Keep sentences short and punchy. - Rule 3: Use bullet points for steps. - Rule 4: Zero fluff. Skip long intros. ``` The template's built-in copy already speaks this way ("a column is like a labeled jar", "a log is a diary your software writes") — keep it that way. The mode applies to EVERYTHING you add on top: - `--ti