hyva-ui-component
✓將基於 Hyva UI 模板的組件應用於 Hyvä 主題。當用戶想要向其 Hyvä 主題添加、安裝或應用 Hyva UI 組件（例如頁眉、頁腳、圖庫、菜單、迷你車等）時，應使用此技能。它列出了可用的非 CMS 組件及其變體，顯示組件自述文件說明，並將組件文件複製到主題目錄。
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ä 主題。當用戶想要向其 Hyvä 主題添加、安裝或應用 Hyva UI 組件（例如頁眉、頁腳、圖庫、菜單、迷你車等）時，應使用此技能。它列出了可用的非 CMS 組件及其變體，顯示組件自述文件說明，並將組件文件複製到主題目錄。 來源：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ä 主題。當用戶想要向其 Hyvä 主題添加、安裝或應用 Hyva UI 組件（例如頁眉、頁腳、圖庫、菜單、迷你車等）時，應使用此技能。它列出了可用的非 CMS 組件及其變體，顯示組件自述文件說明，並將組件文件複製到主題目錄。 來源：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 中使用
這個 Skill 的原始碼在哪？
https://github.com/hyva-themes/hyva-ai-tools
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01