Happy Horizon avatar

Happy Horizon

Official

@happy-horizon · Netherlands

0Followers
|
18Public Repos
|
21Published Skills

Your creative digital agency

Skills Distribution
DomainUI/UX & Crea...Magento Hyvä Devel.. (40%)Frontend Architect.. (30%)UI Component Engin.. (30%)

Agent Skills by Happy Horizon

Showing 21 vetted skills indexed across 1 GitHub repositories.

Happy-HorizonHappy-Horizon

hyva-alpine-component

Write CSP-safe Alpine.js components for Hyvä Magento 2 themes.

Official
Advanced
Happy-HorizonHappy-Horizon

hyva-playwright-test

Automate Playwright end-to-end tests for Hyvä Magento storefronts with Alpine.js.

Official
Intermediate
Happy-HorizonHappy-Horizon

hyva-child-theme

Scaffold Hyvä child themes for Magento 2 with Tailwind setup.

Official
Intermediate
Happy-HorizonHappy-Horizon

hyva-compile-tailwind-css

Compile Tailwind CSS for Hyvä themes in Magento 2.

Official
Intermediate
Happy-HorizonHappy-Horizon

hyva-create-module

Scaffold Magento 2 modules with directory structure and boilerplate files.

Official
Intermediate
Happy-HorizonHappy-Horizon

hyva-theme-list

Lists Hyva mobile app user interface component names.

Official
Intermediate
Happy-HorizonHappy-Horizon

hyva-cms-component

Scaffold Hyvä CMS components for Magento 2 with components.json and PHTML templates.

Official
Advanced
Happy-HorizonHappy-Horizon

hyva-render-media-image

Generate responsive <picture> elements using the Hyvä Media view model.

Official
Intermediate
Happy-HorizonHappy-Horizon

hyva-exec-shell-cmd

Detect Magento environments and return shell command wrappers.

Official
Intermediate
Happy-HorizonHappy-Horizon

hyva-cms-custom-field

Create custom field types and handlers for Hyvä CMS in Magento 2 modules.

Official
Advanced
Happy-HorizonHappy-Horizon

hyva-cms-components-dump

Merge Hyvä CMS components.json files from active Magento modules into one JSON object.

Official
Intermediate
Happy-HorizonHappy-Horizon

hyva-ui-component

Copy Hyva UI components from the package into a Hyvä theme.

Official
Intermediate
Happy-HorizonHappy-Horizon

hs-git-commit-messages

Draft git commit messages and PR descriptions in the repository's standard format.

Official
Intermediate
Happy-HorizonHappy-Horizon

web-design-guidelines

Check web UI files against Web Interface Guidelines and output file:line findings.

Official
Intermediate
Happy-HorizonHappy-Horizon

next-best-practices

Standardize Next.js project structure, routing, metadata, and performance practices.

Official
Advanced
Happy-HorizonHappy-Horizon

next-upgrade

Upgrade Next.js projects across major versions using official codemods.

Official
Advanced
Happy-HorizonHappy-Horizon

frontend-design

Creates responsive HTML/CSS/JS interfaces with specified typography, color, motion, and layout guidelines.

Official
Advanced
Happy-HorizonHappy-Horizon

vercel-react-best-practices

Applies performance best practices to React and Next.js code.

Official
Advanced
Happy-HorizonHappy-Horizon

building-components

Define accessible, composable UI components with Root/Item/Trigger/Content patterns for React-based projects.

Official
Advanced
Happy-HorizonHappy-Horizon

turborepo

Coordinate monorepo tasks across packages with Turborepo.

Official
Advanced
Happy-HorizonHappy-Horizon

vercel-composition-patterns

Replace boolean props with compound components, context providers, and explicit variants.

Official
Advanced

Frequently Asked Questions About Happy Horizon

FAQPage Schema
What specific tasks can I perform using Happy Horizon's Magento capabilities?▼

You can scaffold Hyvä child themes, compile Tailwind CSS, generate responsive picture elements, and manage CMS component structures. These capabilities streamline the development of Magento 2 storefronts by providing standardized boilerplate and configuration management for Hyvä-based modules.

Which engineering personas benefit most from these skills?▼

Frontend developers and Magento architects focused on Hyvä theme implementation benefit most. Additionally, React engineers working within Vercel-hosted environments utilize these patterns to enforce component composition, accessibility standards, and performance best practices across complex web projects.

What are the primary prerequisites for implementing these components?▼

Implementation requires an existing Magento 2 environment with Hyvä themes installed for the Magento-specific skills. For React-based tasks, a standard Next.js project structure is required to utilize the provided composition patterns and performance optimization guidelines.