From journalism-toolkit
Generates self-contained HTML investigation dossiers with dark theme, sticky navigation, timelines, network diagrams, evidence cards, tables, and collapsible sections for scannable reports.
How this skill is triggered — by the user, by Claude, or both
Slash command
/journalism-toolkit:investigation-report-generatorThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Generate a self-contained HTML investigation dossier. These reports feature a dark theme with gold accents, sticky navigation, collapsible sections, and responsive layouts.
Generate a self-contained HTML investigation dossier. These reports feature a dark theme with gold accents, sticky navigation, collapsible sections, and responsive layouts.
assets/report-template.html{{TITLE}}, {{SUBTITLE}}, {{BADGE}}, and hero statsreferences/component-library.md to build each section<nav class="toc"> bar{{FOOTER_TEXT}} with investigation metadataSee references/component-library.md for copy-paste HTML snippets:
The template uses CSS custom properties for consistent theming:
--bg-primary: #0a0a0f /* Page background */
--bg-secondary: #12121a /* Nav background */
--bg-card: #1a1a2e /* Card background */
--bg-highlight: #16213e /* Highlighted elements */
--text-primary: #e0e0e0 /* Main text */
--text-secondary: #a0a0b0 /* Secondary text */
--text-muted: #6a6a7a /* Muted labels */
--accent: #c9a84c /* Gold accent */
--accent-dim: #8a6d2b /* Dim gold */
--red: #e74c3c /* Alert/danger */
--green: #27ae60 /* Success/verified */
--blue: #3498db /* Info */
--orange: #e67e22 /* Warning */
--purple: #9b59b6 /* Special */
--border: #2a2a3e /* Subtle borders */
--border-accent: #3a3a5e /* Accent borders */
<details> for supplementary evidence to keep the report scannablenpx claudepluginhub swarochish/journalism-toolkitGenerate polished standalone HTML reports summarizing work, investigations, or decisions. Opens in browser. Use after completing a ticket, debug session, or refactoring.
Synthesize multi-source research (codebase, git history, Slack, web, MCPs) into readable HTML reports — concept explainers, weekly status reports, incident reports, technical deep-dives, learning artifacts. Use whenever the user wants a write-up, explainer, summary, deep-dive, status report, retrospective, or report that pulls from multiple sources — especially when they mention sharing it with someone else, or when the topic involves understanding rather than implementing. Strongly prefer this over markdown for any report longer than a screen.
Generates self-contained HTML pages for technical diagrams, architecture reviews, diff reviews, plans, and comparisons. Renders complex tables as styled HTML instead of ASCII.