Hyva Alpine Component
hyva-themes/hyva-ai-tools/skills/hyva-alpine-componentby hyva-themesa28a3333bcfae05dcba07e88f38a5ff9579903c7No licenseListed Oct 9, 2026Updated Oct 9, 2026
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".
- a28a3333bcfae05dcba07e88f38a5ff9579903c7Currentcommit a28a333Published Oct 9, 2026
Source and attribution
Source:hyva-themes/hyva-ai-toolsinskills/hyva-alpine-componentat commita28a333
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from hyva-themes/hyva-ai-tools
Hyva Playwright Test
hyva-themes
Guides writing Playwright end-to-end tests for Hyvä Magento storefronts using Alpine.js, covering selectors, interactions and assertions.
Hyva Theme List
hyva-themes
Lists all Hyvä theme paths in a Magento 2 project by scanning for Tailwind package files and theme.xml.
Hyva Render Media Image
hyva-themes
Generates responsive Hyvä Theme image markup using the Media view model.
Hyva Create Module
hyva-themes
Scaffolds a new Magento 2 module in app/code/ with registration.php, composer.json and module.xml.
Hyva Compile Tailwind Css
hyva-themes
Compiles Tailwind CSS for Hyvä themes in Magento 2, in production or watch mode.
Hyva Cms Custom Field
hyva-themes
Guides creation of custom field types and field handlers for Hyvä CMS components in Magento.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.