← All skills
Visualization

CC-Viz

Transforms terminal output into diagrams and visual reports. Architecture overviews, diff reviews, data tables, slide decks: self-contained HTML files that open in your browser.

What it produces

Architecture

CSS Grid cards with flow arrows

Flowcharts

Mermaid with auto edge routing

Sequences

Lifelines, messages, activations

ER Diagrams

Entity relationships + attributes

Data Tables

Styled HTML with sticky headers

Dashboards

Card grid + Chart.js charts

State Machines

States + labeled transitions

Mind Maps

Radial hierarchical branching

Slide Decks

Magazine-quality presentations

Slash commands

/diff-review
/plan-review
/generate-slides
/project-recap
/generate-web-diagram
/fact-check

Want a preview?

You're looking at one.

This entire site was generated by CC-Viz
  • Self-contained HTML, no build step
  • Light and dark theme support
  • Instrument Serif + Plus Jakarta Sans + JetBrains Mono
  • Deep blue + gold editorial palette
  • Staggered fade-in animations
  • Responsive, accessible, zero dependencies
  • No Inter. No violet gradients. No glowing cards.