Hyva Render Media Image
hyva-themes/hyva-ai-tools/skills/hyva-render-media-image作者 hyva-themesa28a3333bcfae05dcba07e88f38a5ff9579903c7无许可证84 个星标收录于 2026年10月9日更新于 2026年10月9日仓库2个月前更新
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".
- a28a3333bcfae05dcba07e88f38a5ff9579903c7当前提交 a28a333发布于 2026年10月9日
来源与署名
来源：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 端到端测试，涵盖选择器、交互与断言。
Hyva Theme List
hyva-themes
通过扫描 Tailwind 包文件和 theme.xml，列出 Magento 2 项目中的所有 Hyvä 主题路径。
Hyva Create Module
hyva-themes
在 app/code/ 中搭建新的 Magento 2 模块，生成 registration.php、composer.json 和 module.xml。
Hyva Compile Tailwind Css
hyva-themes
为 Magento 2 中的 Hyvä 主题编译 Tailwind CSS，支持生产构建或监听模式。
Hyva Cms Custom Field
hyva-themes
指导为 Magento 的 Hyvä CMS 组件创建自定义字段类型和字段处理器。
Hyva Cms Component
hyva-themes
指导为 Magento 2 创建自定义 Hyvä CMS 组件，生成 components.json 条目和 PHTML 模板。
更多Software Development技能
Playground
anthropics
构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。
M5 Onboard
anthropics
通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。
Cardputer Buddy
anthropics
指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。
Web Design Guidelines
vercel-labs
依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。
Vercel React Native Skills
vercel-labs
React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。
Vercel React Best Practices
vercel-labs
Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。