AIKraft/Skills/hyva-render-media-image

hyva-render-media-image

Генерируйте код адаптивных изображений для шаблонов темы Hyvä с использованием модели представления Media. Этот навык следует использовать, когда пользователь хочет отобразить изображения в шаблоне Hyvä, создать адаптивные элементы <picture>, добавить изображения-герои (hero images), изображения товаров или любые изображения, требующие адаптивных точек останова (breakpoints). Триггерные фразы включают: "render image", "add image to template", "responsive image", "picture element", "hero image", "responsive banner", "image for mobile and desktop", "banner image".

hyva-themes official Дизайн

Что делает навык

Генерируйте код адаптивных изображений для шаблонов темы Hyvä с использованием модели представления Media. Этот навык следует использовать, когда пользователь хочет отобразить изображения в шаблоне Hyvä, создать адаптивные элементы <picture>, добавить изображения-герои (hero images), изображения товаров или любые изображения, требующие адаптивных точек останова (breakpoints). Триггерные фразы включают: "render image", "add image to template", "responsive image", "picture element", "hero image", "responsive banner", "image for mobile and desktop", "banner image".

Как подключить

1Скачать навык
# возьмите папку навыка «hyva-render-media-image» из репозитория: # https://github.com/hyva-themes/hyva-ai-tools
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r hyva-render-media-image/ ~/.claude/skills/hyva-render-media-image/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.