Guidewright Capture

Produce step-by-step documentation pages for a web app where every step has a screenshot with a red box drawn around the precise element the user is told to click. The box is rendered into the live page (not painted onto the image afterward), so it scales with the screenshot and lands exactly on the target — no pixel-coordinate guessing.

This skill is product-agnostic: it documents whatever app you point it at, into whatever docs site you keep. It assumes a Docusaurus-style docs repo by default; adapt the paths and conventions to your own setup.

Three principles that override everything else