hyva-render-media-image
✓メディア ビュー モデルを使用して、Hyvä テーマ テンプレートの応答性の高い画像コードを生成します。このスキルは、ユーザーが Hyvä テンプレートで画像をレンダリングする場合、レスポンシブな画像要素を作成する場合、ヒーロー画像、製品画像、またはレスポンシブ ブレークポイントが必要な画像を追加する場合に使用する必要があります。トリガー フレーズには、「レンダリング イメージ」、「テンプレートへのイメージの追加」、「レスポンシブ イメージ」、「画像要素」、「ヒーロー イメージ」、「レスポンシブ バナー」、「モバイルおよびデスクトップ用のイメージ」、または「バナー イメージ」が含まれます。
SKILL.md
Generate responsive elements for Hyvä Theme templates using the \Hyva\Theme\ViewModel\Media view model.
The user may provide image data in one of these ways:
Option B: PHP variable - The user provides a variable name (e.g., $imageData, $heroImage). Inform the user of the required array structure documented in references/rendering-images.md under ## Image Configuration Format.
メディア ビュー モデルを使用して、Hyvä テーマ テンプレートの応答性の高い画像コードを生成します。このスキルは、ユーザーが Hyvä テンプレートで画像をレンダリングする場合、レスポンシブな画像要素を作成する場合、ヒーロー画像、製品画像、またはレスポンシブ ブレークポイントが必要な画像を追加する場合に使用する必要があります。トリガー フレーズには、「レンダリング イメージ」、「テンプレートへのイメージの追加」、「レスポンシブ イメージ」、「画像要素」、「ヒーロー イメージ」、「レスポンシブ バナー」、「モバイルおよびデスクトップ用のイメージ」、または「バナー イメージ」が含まれます。 ソース: hyva-themes/hyva-ai-tools。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-render-media-image- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
hyva-render-media-image とは?
メディア ビュー モデルを使用して、Hyvä テーマ テンプレートの応答性の高い画像コードを生成します。このスキルは、ユーザーが Hyvä テンプレートで画像をレンダリングする場合、レスポンシブな画像要素を作成する場合、ヒーロー画像、製品画像、またはレスポンシブ ブレークポイントが必要な画像を追加する場合に使用する必要があります。トリガー フレーズには、「レンダリング イメージ」、「テンプレートへのイメージの追加」、「レスポンシブ イメージ」、「画像要素」、「ヒーロー イメージ」、「レスポンシブ バナー」、「モバイルおよびデスクトップ用のイメージ」、または「バナー イメージ」が含まれます。 ソース: hyva-themes/hyva-ai-tools。
hyva-render-media-image のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-render-media-image インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/hyva-themes/hyva-ai-tools
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01