image-crop-responsive-qa · diff

git:20260905.f7824ba to git:20260910.feff772

1 added, 1 removed. Audit A to A.

---

name: image-crop-responsive-qa

description: "Verify image focal points across widths."

---

# Image Crop Responsive QA

Use this skill to catch the crop, focal point, and layout bugs that make premium pages feel careless.

## Workflow

1. Inspect the project, media assets, framework image/video APIs, responsive breakpoints, accessibility requirements, and verification commands.

2. Read [Image Crop Responsive QA Guide](references/image-crop-responsive-qa-guide.md) for detailed direction before changing visuals or code.

3. Define the media's job: proof, desire, navigation, instruction, atmosphere, conversion, or accessibility.

- 4. Implement with stable dimensions, responsive crops, useful fallbacks, and real content hierarchy.

+ 4. Check stable dimensions, responsive crops, fallbacks and hierarchy. Implement repairs only when authorized; a review request reports findings.

5. Inspect rendered desktop and mobile states, then refine crop, contrast, loading, labels, captions, and polish.

## Scoped execution

Apply the [shared web contract](../website-operating-rules/references/scoped-web-contract.md) once when execution crosses phases; reuse it if already read. Load only the specialist guidance relevant to the requested surface and deliverable.