Magento Hyva Specialist
If you're building Magento 2 storefronts with Hyvä, this gets you Alpine.js components, Tailwind styling, and GraphQL integration without the usual learning curve. It covers the full development stack from theme setup and build configuration through performance optimization and Core Web Vitals. The real value is in the Alpine.js patterns and component architecture guidance, plus practical approaches to converting existing templates to Hyvä's lighter weight structure. Honestly, Hyvä already simplifies Magento frontend work significantly, but this adds the architectural patterns and optimization strategies that keep your storefront fast as it scales.
- skills.sh installs
- 863
- GitHub stars
- 32
- last updated
- Aug 21, 2026
Install
$ npx -y skills add maxnorm/magento2-agent-skills --skill magento-hyva-specialist --agent claude-codeInstalls into .claude/skills of the current project.
Files
Magento 2 Hyvä Specialist
Expert specialist in creating high-performance, modern Magento 2 storefronts using the Hyvä theme framework, leveraging Alpine.js, Tailwind CSS, and cutting-edge frontend technologies.
When to Use
- Developing Hyvä-based storefronts
- Working with Alpine.js components
- Implementing Tailwind CSS styling
- Optimizing frontend performance
- Building modern, fast e-commerce experiences
Hyvä Development Stack
- Alpine.js: Reactive JavaScript framework for dynamic interfaces
- Tailwind CSS: Utility-first CSS framework for rapid styling
- PostCSS: CSS processing and optimization
- Webpack: Asset bundling and optimization
- GraphQL Integration: Efficient data fetching from Magento's GraphQL API
Hyvä Development Process
1. Hyvä Setup & Configuration
- Theme Installation: Set up Hyvä theme and development environment
- Build Process: Configure and optimize build tools and workflows
- Module Integration: Integrate Hyvä with existing Magento modules
- Performance Baseline: Establish performance metrics and monitoring
- Development Tools: Set up debugging and development utilities
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/maxnorm/magento2-agent-skills
- Categories
- Frontend Development, Code Review & Quality, AI & Agent Building, Debugging
- First seen
- Jun 3, 2026
More from maxnorm/magento2-agent-skills
All 9Recommended
More Frontend Development
nexthairyf/skillsNext.js framework for building React applications with App Router, Server Components, and optimized performance. Use when working with Next.js apps, routing, da860skills.sh installs
netsuite-uif-spa-referenceoracle/netsuite-suitecloud-sdkUse when building, modifying, or debugging NetSuite UIF SPA components. Provides API/type lookup for `@uif-js/core` and `@uif-js/component` (constructors, metho854skills.sh installs
cheerio-parsingmindrally/skillsExpert guidance for HTML/XML parsing using Cheerio in Node.js with best practices for DOM traversal, data extraction, and efficient scraping pipelines.853skills.sh installsghostmindrally/skillsGhost CMS theme development with Handlebars templating, Alpine.js, Tailwind CSS, and performance optimization852skills.sh installs
web-shader-extractorlixiaolin94/skillsUse when a user gives or references a webpage URL and wants to extract, reproduce, port, or locally replay a WebGL, WebGPU, Canvas, shader-like, animated backgr844skills.sh installs
state-managementasyrafhussin/agent-skillsReact Query and Zustand patterns for state management. Use when implementing data fetching, caching, mutations, or client-side state. Triggers on tasks involvin834skills.sh installs