Media skills.

6,098 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,098 results · page 10 of 204

  • performance-resource-hintsSkillMedia

    Guides your agent through checking why web pages load slowly using browser performance tools.

    Ready to connect★ 74k

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

    View details
  • picture-elementSkillMedia

    Review web page images using picture elements with img fallbacks, checking sizes, loading behavior, and speed impact.

    Ready to connect★ 74k

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

    View details
  • plain-languageSkillMedia

    Lets your agent review HTML and interface components for plain-language and accessibility issues.

    Ready to connect★ 74k

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

    View details
  • preconnectSkillMedia

    Guides your agent to audit slow page loads by checking whether browsers preconnect to key third-party sites.

    Ready to connect★ 74k

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

    View details
  • progressive-jpegSkillMedia

    Helps review whether images use progressive JPEG encoding by checking file sizes, rendering, and page-load impact.

    Ready to connect★ 74k

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

    View details
  • reduced-motionSkillMedia

    Gives your agent an accessibility checklist for checking that animations respect users' reduced-motion settings.

    Ready to connect★ 74k

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

    View details
  • render-blockingSkillMedia

    Helps your agent audit slow page loads by finding render-blocking resources and verifying bottlenecks.

    Ready to connect★ 74k

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

    View details
  • resource-hintsSkillMedia

    Helps your agent audit slow page loads and confirm whether resource hints like preload will actually fix them.

    ★ 74k

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

    Reviewed instructions are unavailable in ahel. This skill cannot be added until its reviewed copy is available.

    View details
  • responsive-imagesSkillMedia

    Lets your agent review responsive images and fix srcset and sizes markup across screen sizes.

    Ready to connect★ 74k

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

    View details
  • responsive-sizeSkillMedia

    Lets your agent review whether images are served at the right display size, checking file size, rendering, and loading.

    Ready to connect★ 74k

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

    View details
  • retina-displaySkillMedia

    Helps your agent review images and page code so they look sharp on high-resolution screens.

    Ready to connect★ 74k

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

    View details
  • scrolljackingSkillMedia

    Helps your agent review web page scrolling designs so they stay easy to control and work well with keyboards.

    Ready to connect★ 74k

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

    View details
  • select-nameSkillMedia

    Helps your agent check that dropdown menus have proper labels and work well with keyboards and screen readers.

    Ready to connect★ 74k

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

    View details
  • semantic-listsSkillMedia

    Guides your agent through checking that web page lists use proper semantic markup and accessibility best practices.

    Ready to connect★ 74k

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

    View details
  • sensory-instructionsSkillMedia

    Helps your agent review web designs so they avoid color-, shape-, or position-only cues that confuse users.

    Ready to connect★ 74k

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

    View details
  • skip-linkSkillMedia

    Guides your agent through checking that web pages have working skip-to-content accessibility links.

    Ready to connect★ 74k

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

    View details
  • skip-navigationSkillMedia

    Checks web pages for an accessibility skip-nav link covering semantics, keyboard focus, and screen reader labels.

    Ready to connect★ 74k

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

    View details
  • sprite-generationSkillMedia

    Reviews web page images and sprite setups to check file sizes, loading speed, and how they affect initial page display.

    Ready to connect★ 74k

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

    View details
  • srcsetSkillMedia

    Helps review responsive image setups by checking sizes, loading strategies, and page-load impact.

    Ready to connect★ 74k

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

    View details
  • streaming-htmlSkillMedia

    Checks whether web pages stream their HTML progressively instead of waiting until fully built.

    Ready to connect★ 74k

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

    View details
  • svg-inlineSkillMedia

    Lets your agent review svg claude skill guidance for keeping inline SVG images small and fast-loading.

    Ready to connect★ 74k

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

    View details
  • tabindexSkillMedia

    Helps your agent review web pages for correct tab-order attributes so keyboards navigate elements sensibly.

    Ready to connect★ 74k

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

    View details
  • table-duplicate-nameSkillMedia

    Helps review web page tables so each has a unique accessible name that screen readers announce correctly.

    Ready to connect★ 74k

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

    View details
  • table-headersSkillMedia

    Lets your agent review tables in web pages for correct header markup and accessibility.

    Ready to connect★ 74k

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

    View details
  • td-headers-attrSkillMedia

    Helps your agent review HTML tables so header cells link correctly to their columns via id attributes.

    Ready to connect★ 74k

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

    View details
  • text-expansionSkillMedia

    Helps your agent check that CSS for fixed-size or truncated elements has room for longer translated text.

    Ready to connect★ 74k

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

    View details
  • text-in-imagesSkillMedia

    Lets your agent review web pages so important text appears as real text instead of baked into images.

    Ready to connect★ 74k

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

    View details
  • text-resizingSkillMedia

    Helps your agent review web pages and UI code so they stay usable when users enlarge text to twice its size.

    Ready to connect★ 74k

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

    View details
  • th-has-data-cellsSkillMedia

    Checks that HTML tables link header cells to their data so screen readers announce them correctly.

    Ready to connect★ 74k

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

    View details
  • third-party-scriptsSkillMedia

    Guides your agent through diagnosing whether third-party scripts are slowing down web 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