Software Development

Design To React Algorithms

Reverse-engineering a Sketch file (or Figma export with similar shape) into pixel-perfect React + CSS — the iteration mental model, tree reconstruction, layout inference algorithms, geometry math, visual-regression diffing, and the style/typography/path conversions that make "improvement without regression" enforceable. Trigger even if the user doesn't explicitly mention "algorithms" but is converting a design source into web code, building a design-to-code pipeline, or struggling to make incremental fidelity improvements without breaking previously-converted output.

Publisher / source
pproenca/dot-skills (found on skills.sh)
Upstream record
pproenca/dot-skills
Version
Version 3
Published
Publication review
Approved for publication
Content fingerprint
2a0635639290896408d5d2c321b72e877a4805f4dfca6fefdedfc5b8be9b8e52