Hyva Alpine Component
hyva-themes/hyva-ai-tools/skills/hyva-alpine-component作者 hyva-themesa28a3333bcfae05dcba07e88f38a5ff9579903c7无许可证收录于 2026年10月9日更新于 2026年10月9日
Write CSP-compatible Alpine.js components for Hyvä themes in Magento 2. This skill should be used when the user wants to create Alpine components, add interactivity to Hyvä templates, write JavaScript for Hyvä themes, or needs help with Alpine.js patterns that work with Content Security Policy. Trigger phrases include "create alpine component", "add interactivity", "alpine for hyva", "x-data component", "csp compatibility", "csp compliant javascript".
- a28a3333bcfae05dcba07e88f38a5ff9579903c7当前提交 a28a333发布于 2026年10月9日
来源与署名
来源：hyva-themes/hyva-ai-tools位于skills/hyva-alpine-component提交a28a333
许可证： 无许可证
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 hyva-themes/hyva-ai-tools 的技能
Hyva Playwright Test
hyva-themes
指导为使用 Alpine.js 的 Hyvä Magento 店面编写 Playwright 端到端测试，涵盖选择器、交互与断言。
Hyva Theme List
hyva-themes
通过扫描 Tailwind 包文件和 theme.xml，列出 Magento 2 项目中的所有 Hyvä 主题路径。
Hyva Render Media Image
hyva-themes
使用 Media 视图模型为 Hyvä 主题模板生成响应式图片代码。
Hyva Create Module
hyva-themes
在 app/code/ 中搭建新的 Magento 2 模块，生成 registration.php、composer.json 和 module.xml。
Hyva Compile Tailwind Css
hyva-themes
为 Magento 2 中的 Hyvä 主题编译 Tailwind CSS，支持生产构建或监听模式。
Hyva Cms Custom Field
hyva-themes
指导为 Magento 的 Hyvä CMS 组件创建自定义字段类型和字段处理器。
更多Software Development技能
Playground
anthropics
构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。
M5 Onboard
anthropics
通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。
Cardputer Buddy
anthropics
指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。
Web Design Guidelines
vercel-labs
依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。
Vercel React Native Skills
vercel-labs
React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。
Vercel React Best Practices
vercel-labs
Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。