ray-report
Installation
SKILL.md
Editorial Report Builder
Generate a long-form editorial article in three coordinated formats. The three formats share the same underlying content — they just present it differently.
| Format | Use case | How |
|---|---|---|
| HTML (interactive) | Web reading, sharing, archiving | Single self-contained file with Tab / Quiz / Chart.js / Timeline / Accordion components |
| PDF (report) | Print, distribution, formal/PDF reading | Headless Chrome render of HTML with @media print expanding interactive components |
| WeChat markdown | 公众号 paste, long-form newsletter | Flowing long-sentence narrative, no tables/lists, data embedded inline |
Build the content as HTML first, then derive PDF and 公众号 Markdown from it.
Why this skill exists
Generic AI-generated HTML defaults to SaaS dashboard aesthetics — dark hero with gradients, saturated neon accents, rounded card shadows, big CTA buttons. That look is wrong for long-form analysis.
This skill enforces editorial design language — the look of a New Yorker article or NYT long-read. The opposite of slop. The reference aesthetic is a magazine-style long-read layout — think article-magazine, data-report, or parchment-document template families rather than any SaaS UI kit.