Agent Skills: 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.
UncategorizedID: pproenca/dot-skills/design-to-react-algorithms
20717
Install this agent skill to your local
Skill Files
Browse the full folder contents for design-to-react-algorithms.
Loading file tree…
Select a file to preview its contents.