skills.rest
jonaseck2
jonaseck2COMMUNITY
Explore all skills by this author →
GitHub

reports

Ensure identical print preview and PDF/SVG export output for genealogy reports.

2|Updated Apr 2, 2026
Search Tags:#tauri#svg export#print#pdf export#css print#chart orientation#reportsview
One-click install
npx skills add https://github.com/jonaseck2/slaktforskning --skill reports-jonaseck2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reports
Source: https://github.com/jonaseck2/slaktforskning/tree/main/.claude/skills/reports
Command: npx skills add https://github.com/jonaseck2/slaktforskning --skill reports-jonaseck2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents mismatches between the on-screen print preview and the exported output, ensuring your genealogy charts and reports render identically when printing or saving as PDF/SVG.

Core Features & Use Cases

  • Print/PDF parity guarantee: Ensures the preview is the output so print and export PDF use the same rendered view and the same @media print styling.
  • Correct chart export behavior: Handles SVG export without unwanted title injection and maps chart tab orientation (portrait vs landscape) appropriately.
  • Print CSS workflow: Centralizes report-print layout rules (hiding UI chrome, fit-to-page sizing, landscape width, and chart full-page scaling).
  • Export reliability guidance: Avoids anti-patterns like serializing SVG into a separate window that can break CSS/custom properties and produce blank results.

Quick Start

Use the reports skill when you need to fix or verify the print CSS, chart orientation mapping, or the Save SVG / Save PDF export buttons for a given ReportsView report tab.

Frequently Asked Questions about reports

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make my Tauri print preview match the exported PDF output?▼

To make your Tauri print preview match the exported PDF output, use the main window renderer with `printBackground: true` and apply consistent `@media print` styling for both operations. This ensures the preview is the output and avoids mismatches.

Why does my SVG export break CSS custom properties and render blank?▼

SVG export breaks CSS custom properties and renders blank when you serialize the SVG into an isolated window. Avoid this anti-pattern and use the main window renderer to preserve CSS rules and prevent unwanted blank results.

How do I map chart orientation to landscape or portrait for PDF export?▼

To map chart orientation for PDF export correctly, apply preview-to-output rules that map the chart tab orientation appropriately, ensuring landscape width and full-page scaling are handled properly within your print CSS layout.

What print CSS rules do I need for genealogy chart fit-to-page sizing?▼

For genealogy chart fit-to-page sizing, you need print CSS rules that hide UI chrome, enforce landscape width, and apply chart full-page scaling. Centralizing these report-print layout rules ensures correct rendering.

Does exporting SVG from ReportsView inject unwanted titles into the document?▼

Exporting SVG from ReportsView can inject unwanted titles if not handled correctly. Proper export behavior handles SVG serialization without unwanted title injection to ensure clean output files.

Related Skills

Explore More Software Engineering Skills→
EliasOulkadiEliasOulkadi
110

kagen

Convert Kami HTML templates to PDFs using Chromium via Playwright.

Community
Advanced
se1111thse1111th

invoice-generator

Generate branded invoices as React web apps with Puppeteer PDF export.

Community
Advanced
MikkoNumminenMikkoNumminen

md-to-pdf

Convert markdown and structured data files into PDFs using local Chrome.

Community
Intermediate
nikrichnikrich
1

adding-tauri-splashscreen

Configure a Tauri v2 app with a splash window and hidden main window startup flow.

Community
Intermediate