skills.rest
gozonerd
gozonerdCOMMUNITY
Explore all skills by this author →
GitHub

print-to-html-to-edit

Generate double-spaced, wide-margin print-ready HTML files from source files for hand-editing.

Updated Apr 11, 2026
Search Tags:#code review#markdown#html#css#syntax highlighting#print#double-spaced
One-click install
npx skills add https://github.com/gozonerd/shadow-ai-assessment --skill print-to-html-to-edit-gozonerd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: print-to-html-to-edit
Source: https://github.com/gozonerd/shadow-ai-assessment/tree/main/.claude/skills/print-to-html-to-edit
Command: npx skills add https://github.com/gozonerd/shadow-ai-assessment --skill print-to-html-to-edit-gozonerd

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @mermaid-js/mermaid-cli.

What problem does it solve? Source files like SQL, Python, Markdown, and YAML do not print well natively, and standard printouts leave no room for handwritten edits. This Skill converts any source file into a self-contained HTML page with mandatory double-spacing and wider margins so a reviewer can mark it up with a pen on paper. ## Core Features & Use Cases - Format-aware rendering: Handles 16+ formats including SQL, Python, JS/TS, YAML, JSON, Markdown, CSV, and shell, with print-safe syntax highlighting for code and rendered prose for Markdown. - Editing-optimized print CSS: Enforces double-spaced body text (line-height 2.0-2.2), wider @page margins (0.9in x 1.0in) for marginalia, page numbers, and document titles in headers/footers. - Mermaid diagram support: Pre-renders Mermaid blocks to inline SVG via mmdc, with a documented CDN fallback when the user is online at print time. - Use Case: A database schema.sql and an architecture.md need a paper review pass by a partner. Run the Skill on both files to produce schema-sql-print-edit.html and architecture-md-print-edit.html in the print-queue folder, then open each in a browser and press Ctrl+P. ## Quick Start Print the file docs/methodology-spec.md so I can mark it up on paper with double-spacing and wide margins.

Frequently Asked Questions about print-to-html-to-edit

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

FAQPage Schema
How do I print a code file with room to write edits by hand?▼

Convert the source file to a print-ready HTML page with double-spaced lines and wide margins, then open it in a browser and press Ctrl+P. This Skill generates that HTML from SQL, Python, JS, YAML, Markdown, and other formats automatically.

What file formats can be converted to printable HTML?▼

The Skill handles SQL, Python, JavaScript/TypeScript, YAML, JSON, Markdown, shell, CSV, TOML, HTML, Rust, Go, Ruby, Java, CSS, XML, and plain text. Code gets syntax highlighting, Markdown renders as prose, and CSV renders as a table.

When should I use print-from-html instead of the editing version?▼

Use print-from-html when you want a clean final copy with single-spacing and standard 0.6in x 0.5in margins. Use the editing version only when the printout will be marked up by hand, since it mandates double-spacing and wider 0.9in x 1.0in margins.

Does the printable HTML require an internet connection?▼

No, the output is a single self-contained HTML file with all CSS inline. The one exception is Mermaid diagrams when mmdc is unavailable: a CDN fallback loads mermaid.js at print time, which requires internet and is only used after user confirmation.

Why do Mermaid diagrams not render in the printed output?▼

Mermaid blocks need either pre-rendering to SVG via the mmdc CLI or the CDN fallback script. If mmdc is not installed and the CDN fallback was not enabled, the raw Mermaid syntax prints as text instead of a diagram.

Can I print multiple files for editing in one batch?▼

Yes, batch mode processes each provided file independently and produces one HTML file per source. All output paths are reported at the end, each named with the -print-edit.html suffix in the configured print folder.

Related Skills

Explore More Content & Communication Skills→
rizqinrrrizqinrr
665

get-schema

Designs a database schema from an approved PRD as a Markdown document with tables, relationships, indexes, and constraints.

Community
Advanced
J-StaR-Films-StudiosJ-StaR-Films-Studios
23

exam-creator-skill

Generate and revise school exam papers with marking schemes and multi-modal image extraction.

Official
Advanced
forcedotcomforcedotcom
803

generating-visual-diagrams

Generate rendered ERDs, UI mockups, and architecture diagrams for Salesforce.

Official
Intermediate
Ricardo-VaeRicardo-Vae

pandoc

Convert documents between Markdown, DOCX, PDF, HTML, and LaTeX formats.

Community
Intermediate