Image Crop Responsive QA

SkillWeb & browsing

Run responsive image crop QA for websites. Use after adding or changing images, hero media, galleries, product grids, portraits, venue photos, screenshots, background images, object-fit/object-position rules, art-directed picture sources, image dimensions, layout stability, and mobile crop polish.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the Image Crop Responsive QA skill

What this skill tells your AI

The instructions your AI receives, as published by thegoat395/codex-skills in skills/image-crop-responsive-qa/SKILL.md and read by ahel’s review.

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 for detailed direction before changing visuals or code.
  3. Define the media's job: proof, desire, navigation, instruction, atmosphere, conversion, or accessibility.
  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 once when execution crosses phases; reuse it if already read. Load only the specialist guidance relevant to the requested surface and deliverable.

Signals

GitHub stars
124
Forks
48
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
image-crop-responsive-qa
Source
github.com/thegoat395/codex-skills