Skills
.Work. You
Rest

html-visualization

Community

Turn complex info into scannable HTML visuals.

Design & Creative#architecture#html#dashboards#visualization#comparison#review#slide-mode
Authoralvarovillalbaa
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It prevents dense explanations, large tables, and review material from becoming slow to scan by converting them into structured, self-contained HTML artifacts.

Core Features & Use Cases

  • Polished self-contained HTML output: generates a complete, shareable HTML artifact (default mode) rather than plain text.
  • Multiple visual artifact types: produces explainer pages, architecture/flow diagrams, comparison or audit pages, dashboards, timelines, and slide-mode pages.
  • Deliberate design guidance: selects an intentional layout (structure) and a separate visual style (aesthetic) to avoid generic “pretty” output.
  • Proactive triggers for visualization: automatically switches to HTML when tables/columns and relationship-heavy content would otherwise create a wall of text.

Quick Start

Use the html-visualization skill to generate a self-contained HTML review page from your plan or diff by asking: "Create an HTML audit/review of the attached change request, include strengths, gaps/risks, and a clear recommendation."

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: html-visualization
Download link: https://github.com/alvarovillalbaa/plugins/archive/main.zip#html-visualization

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.