Web Imagegen Prompting
Use this skill to make generated imagery usable as website media instead of vague atmospheric filler.
Workflow
- Inspect the project, media assets, framework image/video APIs, responsive breakpoints, accessibility requirements, and verification commands.
- Read Web Imagegen Prompting 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.
Scope and evidence
Prompt-only requests end with usable prompts and crop/placement constraints. Generation and image editing use the available image tool only when in scope; website integration and rendered crop QA apply only to actual implemented assets.