technical-drawing
Technical drawing
From Jakub Krehel's technical-drawing skill (jakubkrehel/skills), with its references, assets and scripts copied into this folder and the errors below corrected against the svg2pdf.js and jsPDF READMEs and MDN. It builds a drawing of a physical object from one model, inspects the rendered result and packages a page for viewing, coloring and downloading it. Treat geometry and annotation correspondence as exact; treat sheet proportions and line weights as starting recipes, adjusted to the reference and output size. Text rendering is modern-css TYPOGRAPHY-AND-UNITS.md, palette and contrast color-system, accessible embedding svg ACCESSIBILITY.md, the surrounding interface anti-slop-ui, and building it inside a product app-ui.
Apply only the routes and checks for the selected job. Read a linked skill's named file from its installed folder when available, or from the linked source. Report an unavailable required reference instead of inventing it. [skill-authoring, DISTRIBUTION.md#composing-skills]
| The job | Read |
|---|---|
| One model in model units, the isometric drawing formula, circles from their own plane, chord tolerance, real part boundaries, visibility and holes, proving the assembly at zero explosion | geometry.md |
The mesh helpers (part, lathe, ring, helix, spring, knurl, screw, ringPoints, roundedRectangle, extrude, transform, merge), the mesh contract, cameras, anchors on paper, sampling and depth tolerance, coherent parameters |
geometry-library.md |
Exploded views along assembly paths, aligned orthographic views and projection conventions, sections and hatching, balloons and parts lists, dimensions, NTS |
views-and-annotations.md |
| One SVG unit per paper millimetre, the A3 recipe, the line-weight table, dash patterns, the self-contained SVG shell, PNG pixel sizes, PDF export and its fonts | sheet-and-svg.md |
| The blank-page viewer: controls and zoom, the pill bar and safe area, System, Light and Dark, linework presets, spacing and parts, line colors, export snapshots, crop and transparency, the standalone page, testing the downloaded bytes | preview-page.md |
The viewer's JSON configuration, pdfFonts, the self.DrawingModels boundary, building one portable file |
viewer-assets.md |
| Two viewing distances, the correspondence table per drawing type, mechanical SVG checks, revisions that answer a visible failure | verification.md |
The mesh library and the parallel-camera hidden-line renderer, run in Node through require() or in a worker |
assets/geometry.js, assets/projection.js |
| The viewer shell, its interaction state, the appearance script that runs before first paint | assets/viewer.html, assets/viewer.js, assets/theme.js |
Export snapshots (SVG, PNG with a 300 dpi pHYs chunk, PDF through jsPDF and svg2pdf.js), the model worker, the latest-wins render queue |
assets/export.js, assets/worker.js, assets/render-queue.js |
| The single-file builder and its supplied checks: geometry, render queue, theme, builder | scripts/build-viewer.cjs, scripts/test-geometry.cjs, scripts/test-render-queue.cjs, scripts/test-theme.cjs, scripts/test-viewer-builder.cjs |