hyva-ui-component
✓Hyva UI テンプレートベースのコンポーネントを Hyvä テーマに適用します。このスキルは、ユーザーが Hyva UI コンポーネント (ヘッダー、フッター、ギャラリー、メニュー、ミニカートなど) を Hyvä テーマに追加、インストール、または適用する場合に使用する必要があります。利用可能な非 CMS コンポーネントとそのバリアントを一覧表示し、コンポーネントの README 手順を表示し、コンポーネント ファイルをテーマ ディレクトリにコピーします。
SKILL.md
Applies Hyva UI template-based (non-CMS) components to a Hyvä theme by copying files from {hyvauipath}/components/ to app/design/frontend/{Vendor}/{Theme}/.
Path variable: {hyvauipath} = vendor/hyva-themes/hyva-ui (default) or user-provided custom path.
Command execution: For any commands that need to run inside the development environment (e.g., bin/magento commands), use the hyva-exec-shell-cmd skill to detect the environment and determine the appropriate command wrapper.
Hyva UI テンプレートベースのコンポーネントを Hyvä テーマに適用します。このスキルは、ユーザーが Hyva UI コンポーネント (ヘッダー、フッター、ギャラリー、メニュー、ミニカートなど) を Hyvä テーマに追加、インストール、または適用する場合に使用する必要があります。利用可能な非 CMS コンポーネントとそのバリアントを一覧表示し、コンポーネントの README 手順を表示し、コンポーネント ファイルをテーマ ディレクトリにコピーします。 ソース: hyva-themes/hyva-ai-tools。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-ui-component- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
hyva-ui-component とは？
Hyva UI テンプレートベースのコンポーネントを Hyvä テーマに適用します。このスキルは、ユーザーが Hyva UI コンポーネント (ヘッダー、フッター、ギャラリー、メニュー、ミニカートなど) を Hyvä テーマに追加、インストール、または適用する場合に使用する必要があります。利用可能な非 CMS コンポーネントとそのバリアントを一覧表示し、コンポーネントの README 手順を表示し、コンポーネント ファイルをテーマ ディレクトリにコピーします。 ソース: hyva-themes/hyva-ai-tools。
hyva-ui-component のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-ui-component インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/hyva-themes/hyva-ai-tools
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01