High-Quality Flowcharts — Build Print-Ready PDF Diagrams

This skill produces publication-grade PDF diagrams from user descriptions. Every output is a standalone, printable PDF with crisp vector geometry, clean typography, and intentional layout. The user gets three deliverables: the PDF, the HTML+SVG source, and a verification preview.

CRITICAL: You Must Match the Template Style

The skill ships with example PDF templates in templates/. Your output MUST look like them — same design language, same visual quality. Before writing any code:

1. Open every template PDF in templates/ (full-stack.pdf, ux-design.pdf, computer-science.pdf, cpp.pdf, c.pdf). Study each one.
2. Extract their design language: note the exact colors, font sizes, node shapes, border radii, connector styles, spacing rhythm, header treatment, and how branches attach to the spine.
3. List what you see — write down the specific visual properties you observe. If the templates use thin 1px borders with subtle drop shadows, so must you. If they use rounded rects with rx="8" and bold 14px labels, match that exactly.
4. Only then start coding. Your output must pass a visual consistency check against the templates.

Do NOT invent a new visual style. Replicate the template look. The templates are the ground truth for what "polished" means.