Hyva Render Media Image

hyva-themes/hyva-ai-tools/skills/hyva-render-media-image

作者 hyva-themesa28a3333bcfae05dcba07e88f38a5ff9579903c7无许可证收录于 2026年10月9日更新于 2026年10月9日

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".

仅含说明Software Development

仅公开文件列表。将技能安装到工作区后即可查看文件内容。

路径大小类型
references/rendering-images.md6.2 KBtext/markdown
SKILL.md3.1 KBtext/markdown

来源与署名

来源：hyva-themes/hyva-ai-tools位于skills/hyva-render-media-image提交a28a333

许可证： 无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架

更多来自 hyva-themes/hyva-ai-tools 的技能

Hyva Playwright Test

hyva-themes

指导为使用 Alpine.js 的 Hyvä Magento 店面编写 Playwright 端到端测试，涵盖选择器、交互与断言。

Software Development2026年10月9日

Hyva Theme List

hyva-themes

通过扫描 Tailwind 包文件和 theme.xml，列出 Magento 2 项目中的所有 Hyvä 主题路径。

包含脚本
Software Development2026年10月9日

Hyva Create Module

hyva-themes

在 app/code/ 中搭建新的 Magento 2 模块，生成 registration.php、composer.json 和 module.xml。

Software Development2026年10月9日

Hyva Compile Tailwind Css

hyva-themes

为 Magento 2 中的 Hyvä 主题编译 Tailwind CSS，支持生产构建或监听模式。

Software Development2026年10月9日

Hyva Cms Custom Field

hyva-themes

指导为 Magento 的 Hyvä CMS 组件创建自定义字段类型和字段处理器。

Software Development2026年10月9日

Hyva Cms Component

hyva-themes

指导为 Magento 2 创建自定义 Hyvä CMS 组件，生成 components.json 条目和 PHTML 模板。

Software Development2026年10月9日

更多Software Development技能

Playground

anthropics

精选

构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。

Software Development37K今天更新

M5 Onboard

anthropics

精选

通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。

Software Development37K今天更新

Cardputer Buddy

anthropics

精选

指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。

Software Development37K今天更新

Web Design Guidelines

vercel-labs

精选

依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。

Software Development32K5周前更新

Vercel React Native Skills

vercel-labs

精选

React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。

Software Development32K5周前更新

Vercel React Best Practices

vercel-labs

精选

Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。

Software Development32K5周前更新