Menü
Image and media aspect ratio standards, responsive aspect ratios, and consistent media sizing.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
A/B test design, experiment setup, variant design, and statistical analysis for designers.
Advanced accessibility patterns including ARIA, screen reader optimization, cognitive accessibility, and motor impairment design.
WCAG compliance deep dive, screen reader patterns, keyboard navigation, and inclusive design.
Accordion and collapsible content patterns, FAQ layouts, and progressive disclosure.
Designing AI-powered features, managing user expectations, and AI transparency.
Using analytics tools for design decisions, behavioral analysis, and data-informed design.
| name | aspect-ratio-design |
| description | Image and media aspect ratio standards, responsive aspect ratios, and consistent media sizing. |
| triggers | ["aspect ratio","image ratio","video ratio","media sizing"] |
| Ratio | Use Case |
|---|---|
| 1:1 | Avatars, thumbnails, social posts |
| 4:3 | Product photos, presentations |
| 3:2 | Photography, cards |
| 16:9 | Video, hero images, banners |
| 21:9 | Ultrawide heroes, cinematic |
| 9:16 | Vertical video (Stories, Reels) |
.media {
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
}