Media skills.

6,230 media skills, including grill-with-docs, prototype and hyperframes, are listed on ahel today. Each one has a page of its own that says what it does and whether ahel can serve it in Claude, Claude Code, ChatGPT, Codex and Cursor.

Category: Media

6,230 results · page 7 of 208

  • aria-meter-nameSkillMedia

    Checks that HTML meter elements have accessible names for screen-reader users.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • aria-progressbar-nameSkillMedia

    Lets your agent check that progress bars have accessible names when reviewing HTML and UI components.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • aria-required-attrSkillMedia

    Lets your agent check that HTML components have the required ARIA attributes for accessibility.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • aria-required-parentSkillMedia

    Checks that ARIA roles in your HTML are placed inside the required parent roles for accessibility.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • aria-rolesSkillMedia

    Lets your agent check web components for correct ARIA roles and accessibility issues like keyboard focus and labels.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • aria-textSkillMedia

    Lets your agent check that role='text' elements avoid focusable descendants when reviewing HTML and components.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • aria-toggle-field-nameSkillMedia

    Guides your agent to check that toggle fields like checkboxes have accessible names in HTML.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • aria-tooltip-nameSkillMedia

    Lets your agent review HTML tooltips for accessible names, keyboard behavior, and screen-reader output.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • aria-valid-attrSkillMedia

    Lets your agent check that ARIA attributes in HTML are valid and accessible.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • aria-valid-attr-valueSkillMedia

    Lets your agent check that ARIA attributes in HTML use valid values during accessibility reviews.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • audio-descriptionsSkillMedia

    Lets your agent check whether video content in web pages has proper audio descriptions for accessibility.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • autofocus-avoidanceSkillMedia

    Lets your agent review HTML forms and components for autofocus problems that disrupt keyboard and screen-reader users.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • autoplay-mediaSkillMedia

    Checks whether your web pages avoid autoplaying media and meet accessibility standards.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • avif-formatSkillMedia

    Lets your agent review image assets and check whether AVIF format is used with the right size and loading strategy.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • broken-imagesSkillMedia

    Lets your agent find and diagnose broken images by checking sizes, loading, and how they affect page rendering.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • button-nameSkillMedia

    Guides your agent through reviewing button names for accessibility in HTML and components.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • cascade-layersSkillMedia

    Lets your agent review and restructure CSS using cascade layers to fix specificity issues and organize styles.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • cdnSkillMedia

    Helps your agent diagnose slow page loads and heavy assets before recommending a CDN.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • color-contrastSkillMedia

    Lets your agent check that text and UI elements meet color contrast accessibility standards.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • color-oklchSkillMedia

    Helps your agent build accessible color palettes, design tokens, and wide-gamut display colors.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • compressionSkillMedia

    Lets your agent audit slow page loads and check whether text compression is the real bottleneck before changes.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • consent-modeSkillMedia

    Helps your agent audit slow page loads and heavy assets before changing Google Consent Mode v2 setups.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • content-without-cssSkillMedia

    Lets your agent review HTML pages for cases where meaning depends on visual styling instead of structure.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • critical-imagesSkillMedia

    Lets your agent review image loading priorities, checking which images load first and their impact on page speed.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • critical-request-chainsSkillMedia

    Guides your agent through auditing slow page loads by verifying request chain bottlenecks before suggesting fixes.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • css-at-propertySkillMedia

    Lets your agent use the CSS claude skill to write @property rules for animated gradients, transitions, and design tokens.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • css-criticalSkillMedia

    Reviews CSS (Claude skill) for critical inline styles and responsive issues before proposing fixes.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • css-custom-propertiesSkillMedia

    Lets your agent review stylesheets and responsive layouts using the css claude skill for design tokens.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • css-non-blockingSkillMedia

    Lets your agent review CSS for render-blocking issues and check layouts across screen sizes before suggesting fixes.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details
  • cumulative-layout-shiftSkillMedia

    Guides your agent through auditing page layout shifts that cause jumpy, slow-loading pages.

    Ready to connect★ 74k

    github.com/thedaviddias/front-end-checklist74k stars

    View details

Looking for something else?

Media is one category of skills on ahel. Browse all skills, or open another category above.

See how to connect your AI