Swift DocC technical diagram design system

This skill establishes the engineering rules, geometric formulas, typography standards, color palettes, and SVG marker mechanics required to design technical diagrams that match Apple's official developer documentation and Develop in Swift interactive tutorials.

References

• references/marker-mechanics.md: Consult when creating, editing, or calculating arrowhead markers, connector paths, breathing-room gaps, or eliminating line protrusion defects through arrow tips.
• references/topologies-and-geometry.md: Consult when constructing standard diagrams (linear pipelines, fan-out trees, bidirectional loops, or device wireframes) for copy-pasteable SVG coordinate blueprints.
• references/typography-and-bounding-boxes.md: Consult when determining card widths, calculating the 10px rule, formatting multiline <tspan> labels, or ensuring continuous squircle corners.

1. Cupertino technical color palette and aesthetics

Apple technical diagrams communicate system architecture with visual restraint, high contrast, and photographic clarity. Diagrams serve as conceptual scaffolding, not decorative illustrations.