effective-print-designProfessional print design guidelines for producing high-quality printed output from HTML/CSS. Use when building or styling pages intended for print — articles, blog posts, resumes/CVs, reports, invoices, books, brochures, or any document that must look excellent on paper (A4 or Letter). Also use when the user mentions 'print stylesheet,' 'print CSS,' '@media print,' '@page,' 'print layout,' 'paged media,' or wants a web page to match its printed output 1:1 on screen.
Install via ClawdBot CLI:
clawdbot install javotillo/effective-print-designGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://docs.anthropic.com/en/docs/claude-codeAudited Sep 29, 2026 · audit v1.0
Generated Sep 29, 2026
A billing platform that renders invoices from HTML templates with precise print CSS, using @page margins, break-inside rules, and black-first color strategy. Ensures line items, totals, and payment terms stay on one page with correct typography and 300 DPI logo assets. Delivers pixel-perfect A4/Letter PDFs that match lender and accounting standards.
An online tool that helps job seekers compose ATS-friendly resumes with fixed-dimension article elements and a print stylesheet. Uses 11pt serif body, 1.35 line-height, oldstyle numerals, and avoids faux bold to ensure clean paper output. Offers live screen preview that mirrors the printed page 1:1 for confident printing.
A publishing workflow that converts manuscripts into paged media with running headers, page counters, and orphan/widow control. Applies Bringhurst-inspired typography, text-indent paragraph separation, and break-before: right on chapters. Generates printer-ready PDFs with CMYK-safe OKLCH colors and 300 DPI figures.
A BI dashboard export feature that turns analytics into branded multi-page reports using @layer-separated print CSS. Handles table fragmentation, tabular numerals, and link footnotes to avoid raw URL clutter. Produces consistent Letter/A4 PDFs suitable for clients and internal audits.
A PIM module that outputs print-ready brochures and catalogs from product data with grid-based page layouts. Uses print-color-adjust selectively for brand backgrounds and replaces shadows with borders for monochrome printing. Ensures product images are 300 DPI and break-inside: avoid to keep specs intact.
Offers a hosted platform of professionally designed print templates (invoices, resumes, reports) that users customize via HTML/CSS editor with live preview. Includes API access for generating PDFs at scale and a premium tier with brand-specific typography and bleed support.
Licenses the print CSS framework and reference components to software vendors who need embedded print output in their own applications. Provides integration support, theme customization, and updates aligned with evolving paged media standards.
Delivers expert implementation of print stylesheets for organizations that need high-quality paper output without in-house expertise. Projects include audit, refactoring, and training on @page rules, typography, and PDF generation pipelines.
💬 Integration Tip
Incorporate the skill by adding a dedicated @media print layer and referencing the included files (typography.md, layout.md, page-features.md, locale.md) during code reviews or build steps. Start with a simple print stylesheet, then progressively adopt @page rules, fragmentation controls, and 300 DPI asset policies as the document complexity grows.
Scored Sep 29, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.