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