Skip to content
Frontend
Skill

/image-crop-responsive-qa

Verify image focal points across widths.

BOOST
From plugin
codex-skills
13280 skills
Install
$ npx -y skills add TheGoat395/Codex-Skills --skill image-crop-responsive-qa --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/image-crop-responsive-qa

Context preview

The summary Claude sees to decide when to auto-load this skill.

Verify image focal points across widths.

SKILL.md

image-crop-responsive-qa.SKILL.md
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. 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.

Ships withcodex-skills

An unofficial, open-source, Codex-first Agent Skills library for premium frontend, website, design-engineering, and reliable agent workflows.

Get the whole plugin

Other skills on codex-skills.