amvcp-layout-print-hero

What problem does it solve?

It prevents your printed/PDF output from breaking visually or losing intended styling by providing a consistent A4 page model plus reusable decorative hero and device/frame presentation patterns.

Core Features & Use Cases

• A4 + print-safe layout primitives: Standardized @page { size: A4; margin: 16mm }, full @media print reset, cover pages, and page-break utilities like .la-cover, .la-break-before, and .la-break-after.
• Decorative hero surfaces: A radial-glow hero with ghost watermark using token-driven colors and overflow: clip to avoid scroll-container artifacts.
• Device mockups for presentation: Parameterized .la-device frames driven by --dev-* CSS props for screenshot/demonstration inserts.
• Two-paper comparison hero: Rotated card “comparison hero” pattern to visually communicate before/after or option A vs option B.

Quick Start

Use the amvcp-layout-print-hero skill when the user asks for an A4/PDF print layout with a cover page and a decorative hero band, and follow the provided checklist to paste the correct scaffold and ensure print uses print-color-adjust: exact.