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

Install this agent skill to your local

pnpm dlx add-skill https://github.com/pproenca/dot-skills/design-to-react-algorithms

Skill Files

Browse the full folder contents for design-to-react-algorithms.

Download Skill

Loading file tree…

Select a file to preview its contents.