This skill should be used when the user asks to "create a proposal", "design a report", "make a one-pager", "build a PDF", "create a newsletter", "design slides", "make event materials", "design a flyer", or needs help with print-ready HTML documents. Provides brand configuration, CSS patterns for print layout, and document design best practices.
SkillScore100Maintained
Automatic
◆Doc Ops pack
Last verified 9/23/2026
What it changes
Passed 23 of 23 test cases with the skill, and 12 of 23 without it.
Without skill52%
With skill100%
Checks it passed that the model alone missed
The page element width is set to 8.5in.
The section-title font-size is set to 26pt.
The page layout container uses grid display.
and 15 more in the full report
11 fixed12 passed either way0 still failing0 broke
Pass-rate lift
+48 pp
Tokens
+49%
Agent turns
0%
Response time
-35%
Model gemini-3.6-flashMeasured 9/23/2026v323 of 23 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 11 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 11
Prompt
What are the exact CSS width, height, and padding-bottom settings specified for .page container elements in the document print rules?
What was checked, without and with the skill
Checked
Without skill
With skill
The page element width is set to 8.5in.
Missed
Passed
The page element padding-bottom is set to 1in.
Missed
Passed
case-18 · gemini-3.6-flash · 9/23/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md287 lines8 files
Document design
Create professional, print-ready HTML documents that export to PDF with customizable branding.
Brand configuration
Before creating documents, check for pdf-playground.local.md in the project
root. If it is absent, check the legacy Claude Code path
.claude/pdf-playground.local.md. If both exist, use only the project-root
file. If neither exists, use sensible defaults or ask the user for their brand
colors.
Reading brand config
Parse the selected config file's YAML frontmatter: