11 patterns for turning AI output into visual documents people actually read
Compare approaches, designs, or options in a grid layout with highlighted recommendations.
Code reviews with color-coded changes, severity tags, and margin notes.
Architecture diagrams with SVG boxes, arrows, and interactive tooltips.
Color swatches, typography scales, spacing tokens, and component catalogs.
Full-viewport presentations with scroll-snap, keyboard navigation, presenter mode, and 36 themes.
Teaching concepts with collapsible sections, tabbed code, and live demos.
Weekly updates with health pills, mini charts, and risk tables.
Process diagrams with clickable nodes, detail panels, and SVG paths.
Self-contained figures with reusable CSS classes for strokes and fills.
Triage boards with drag-and-drop, toggle switches, and export functionality.
Metrics and KPIs with sparklines, delta indicators, and color-coded status.
Refreshable dashboards with template+data structure, auto-refresh, and real-time data binding.
Visual moments — glitch titles, liquid backgrounds, light leaks, and dramatic hero effects.