Files
MC-SurvivalWiki-Tips/tips/2026-06-16-003-crafting-ux-recipe-printexport-card.md

17 lines
1.2 KiB
Markdown

# Tip #3 — Recipe print/export card
**Date:** 2026-06-16
**Category:** crafting-ux
**Source:** MC-Survival Wiki Daily Tip (backfilled from state.json)
**Note:** *Title was truncated in the original state.json log. Body matches the 'Search-Synonyms alias table' variant of the same idea.*
## Recipe print/export card
A print/export view is a clean, single-recipe card optimized for paper or a static image — large icons, ingredient list, and result, with a 'Print' button that uses the browser's print stylesheet. It solves the surprisingly common use case of players who want a physical reference next to their IRL crafting table, or who want to drop a recipe image straight into Discord. The signal is the number of recipe screenshots shared in the server's Discord every week — that is real demand for a first-class export path. SVG export in particular is a small win that costs almost nothing once the print stylesheet is in place.
## Implementation tips
1. Add a 'Print' button that opens a print-stylesheet-only view: large icons, ingredient list, result.
2. Same data, but as an SVG download — shareable in Discord without external tools.
3. Use the browser's print dialog (window.print()) with a @media print block in styles.css.