cogni-visual

Enrich a markdown report with themed Chart.js visualizations and Excalidraw concept diagrams, producing a self-contained HTML file.

Render a big-block-brief.md into an Excalidraw solution architecture diagram

Render a big-picture-brief.md into a richly illustrated Excalidraw scene using parallel artist agents

Render a presentation-brief.md into a themed HTML slide presentation with speaker notes, keyboard navigation, and smooth transitions.

Review a visual brief from stakeholder perspectives (design, audience, usability)

Render a big-block-brief.md (v1.0) into a structured Excalidraw solution architecture diagram. This agent delegates to the render-big-block skill which orchestrates sequential rendering phases (~150-250 elements). Supports dark/light color modes.

Render a big-picture-brief.md into an illustrated Excalidraw scene via parallel station agents.

Assess visual brief quality from three stakeholder perspectives adapted to the brief type.

Transform a text-only markdown report into a themed HTML deliverable with Chart.js data visualizations and Excalidraw conceptual drawings. Use when the user wants to enrich a report, add visuals to a report, create a visual report, or make a trend report visual. Handles theme selection, enrichment planning, chart generation, Excalidraw diagram creation, and HTML assembly.

Render a presentation-brief.md into a self-contained HTML slide presentation with speaker notes, keyboard navigation, and themed styling. Delegates to the render-html-slides skill and returns JSON statistics. Use when the user wants HTML slides, browser-based presentations, or an alternative to PowerPoint output.

Post-process any completed markdown report (trend-report, research-report, or generic) into a themed, self-contained HTML file — optionally with interactive Chart.js data visualizations and Excalidraw concept diagrams embedded as inline SVG. Analyzes the report structure, identifies data-rich sections (statistics, tables, distributions, value chains, timelines, cost comparisons), generates themed charts and diagrams, and assembles a polished HTML deliverable with navigation sidebar — without changing the original markdown. Also supports exporting to PDF and DOCX formats via the `formats` parameter. This is the single output skill for all report formats — it replaces the deprecated cogni-research:export-report. Use this skill whenever the user has an existing text-only report and wants to make it visual or export it: "enrich report", "add charts to report", "visualize my report", "make the report visual", "turn this into a visual HTML", "export report", "save as PDF", "export to PDF", "export to Word", "export to DOCX", "download report", "convert report", "make it pretty", "publish report", "report mit Diagrammen anreichern", "Bericht visualisieren", "als PDF exportieren", "add data visualizations", "generate HTML version with charts", "I need charts in my trend report", "make this presentable with visuals". Also trigger when the user mentions tips-trend-report.md, output/report.md, or any markdown report that "needs visuals", "looks boring", "is text-only", or should become a "dashboard-style" or "themed HTML" output. This skill works on EXISTING reports (post-processing) — it does NOT create new reports (use research-report/trend-report), does NOT create slide decks (use story-to-slides), does NOT create posters or journey maps (use story-to-big-picture), does NOT create web landing pages (use story-to-web), does NOT create TIPS dashboards (use trends-dashboard), and does NOT polish prose (use cogni-copywriting).

Render a big-block-brief.md (v1.0) into a structured solution architecture diagram using Excalidraw MCP — tier-banded grid with solution blocks, path connections, SPIs, foundations, and implementation roadmap. Use this skill whenever: the user asks to "render big block", "render the big block", "draw the solution architecture", "visualize the big block", "create excalidraw from big block brief", "Big Block rendern", "Lösungsarchitektur zeichnen", "render my big-block-brief", or when any upstream agent or skill produces a big-block-brief.md and needs it rendered into an Excalidraw diagram. Do NOT confuse with story-to-big-block (which creates the brief from value-modeler data) — this skill takes an existing brief and renders it into a visual diagram. If the user has a brief file ready, this is the right skill. If they have value-modeler output and want a brief first, use story-to-big-block instead. Pipeline: Parse brief → canvas setup → title banner → tier bands → solution blocks → path connections → SPI/Foundation cards → roadmap timeline → footer → export. Dark/light color mode auto-detected. ~150-250 Excalidraw elements.

Render a big-picture-brief.md (v3.0) into a richly illustrated Excalidraw scene — 1100-1500 elements across 5-6 stations, each a detailed landscape object built from Excalidraw primitives. Use this skill whenever: the user asks to "render big picture", "render the big picture", "draw the big picture", "illustrate the brief", "create excalidraw from brief", "render the journey map", "Big Picture rendern", "Excalidraw erstellen", "Journey Map zeichnen", "visualize the brief", "turn this brief into a visual", "make the big picture scene", "render my big-picture-brief", or when any upstream agent or skill produces a big-picture-brief.md and needs it rendered into an illustrated Excalidraw canvas. Do NOT confuse with story-to-big-picture (which creates the brief from a narrative) — this skill takes an existing brief and renders it into a visual scene. If the user has a brief file ready, this is the right skill. If they have a narrative and want a brief first, use story-to-big-picture instead. Pipeline: N station-structure-artists (Pass 1) + N station-enrichment-artists (Pass 2) + 4 zone-reviewers. Dark/light color mode auto-detected. Optional composition sketch via Excalidraw MCP.

Render a presentation-brief.md (v4.0) into a self-contained HTML slide presentation with speaker notes toggle, keyboard navigation, themed styling, and Mermaid diagram support. After rendering, supports an interactive refinement loop where users can adjust individual slides — text fixes are applied directly to HTML, structural changes trigger a targeted re-render. Use this skill whenever the user mentions "HTML slides", "HTML presentation", "browser presentation", "render slides as HTML", "self-contained slides", "slide deck in browser", "web slides", "present in browser", or wants a presentation without PowerPoint. Also use when the user asks to "open slides in browser", "export slides as HTML", "refine slides", "adjust slide", "fix slide", or says "no PowerPoint". Works with any presentation-brief.md generated by story-to-slides.

Review a visual brief from three stakeholder perspectives — design quality, audience experience, and usability. Supports all cogni-visual brief types: presentation-brief, big-picture-brief, web-brief, storyboard-brief, and big-block-brief. Returns a structured verdict (accept/revise/reject) with prioritized improvements. Use this skill whenever the user mentions "review brief", "check brief quality", "assess brief", "brief review", "review my presentation brief", "review my big picture brief", "is this brief ready", "stakeholder review", "review from audience perspective", "review from design perspective", or wants quality assurance on a visual brief before rendering. Also trigger when the user asks to review an existing brief after manual edits, or wants to evaluate whether a brief is ready for the PPTX, Excalidraw, or Pencil rendering pipeline.

1 hook across 1 event