Hero Image Art Direction
SkillWeb & browsingArt-direct website hero imagery. Use for landing pages, homepages, product pages, portfolios, venue sites, editorial pages, and premium first viewports that need real or generated media, text-safe composition, responsive focal points, visual hierarchy, contrast, aspect ratios, and anti-generic image
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Hero Image Art Direction skill
What this skill tells your AI
The instructions your AI receives, as published by thegoat395/codex-skills in skills/hero-image-art-direction/SKILL.md and read by ahel’s review.
Use this skill to make the first viewport immediately specific, inspectable, and composed.
Workflow
- Inspect the project, media assets, framework image/video APIs, responsive breakpoints, accessibility requirements, and verification commands.
- Read Hero Image Art Direction Guide for detailed direction before changing visuals or code.
- Define the media's job: proof, desire, navigation, instruction, atmosphere, conversion, or accessibility.
- Implement with stable dimensions, responsive crops, useful fallbacks, and real content hierarchy.
- 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
hero-image-art-direction- Source
- github.com/thegoat395/codex-skills