Software EngineeringOpen accessPublished 2 Oct 2026
Recreate a UI screenshot, mockup, or design image as production-quality React + TypeScript + Tailwind code with near-pixel-perfect visual fidelity. Use this skill whenever the user shares an image of an interface and wants it built, cloned, converted, or "made real" — including phrasings like "build this", "recreate this design", "code this Figma export", "clone this landing page", "turn this mockup into React", "make a component that looks like this", or when they paste a screenshot of a website/dashboard/card/pricing table/navbar with little explanation. Also use it when the user asks for HTML/CSS from an image, or wants an existing component restyled to match a referen…