Hyva Render Media Image
hyva-themes/hyva-ai-tools/skills/hyva-render-media-imageby hyva-themesa28a3333bcfae05dcba07e88f38a5ff9579903c7No licenseListed Oct 9, 2026Updated Oct 9, 2026
Generate responsive image code for Hyvä Theme templates using the Media view model. This skill should be used when the user wants to render images in a Hyvä template, create responsive picture elements, add hero images, product images, or any image that needs responsive breakpoints. Trigger phrases include "render image", "add image to template", "responsive image", "picture element", "hero image", "responsive banner", "image for mobile and desktop", or "banner image".
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/rendering-images.md | 6.2 KB | text/markdown |
| SKILL.md | 3.1 KB | text/markdown |
Source and attribution
Source:hyva-themes/hyva-ai-toolsinskills/hyva-render-media-imageat commita28a333
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from hyva-themes/hyva-ai-tools
Hyva Playwright Test
hyva-themes
Guides writing Playwright end-to-end tests for Hyvä Magento storefronts using Alpine.js, covering selectors, interactions and assertions.
Hyva Theme List
hyva-themes
Lists all Hyvä theme paths in a Magento 2 project by scanning for Tailwind package files and theme.xml.
Hyva Create Module
hyva-themes
Scaffolds a new Magento 2 module in app/code/ with registration.php, composer.json and module.xml.
Hyva Compile Tailwind Css
hyva-themes
Compiles Tailwind CSS for Hyvä themes in Magento 2, in production or watch mode.
Hyva Cms Custom Field
hyva-themes
Guides creation of custom field types and field handlers for Hyvä CMS components in Magento.
Hyva Cms Component
hyva-themes
Guides creation of custom Hyvä CMS components for Magento 2, producing components.json entries and PHTML templates.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.