665,000+ skills indexed

Happy Horizon

Official

@happy-horizon · Netherlands

0Followers

|

18Public Repos

|

21Published Skills

Your creative digital agency

🐙 GitHub ↗🌐 Website ↗

Skills Distribution

Agent Skills by Happy Horizon

Showing 21 vetted skills indexed across 1 GitHub repositories.

hyva-alpine-component

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

hyva-playwright-test

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

hyva-child-theme

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

hyva-compile-tailwind-css

Compile Tailwind CSS for Hyvä themes in Magento 2.

hyva-create-module

Scaffold Magento 2 modules with directory structure and boilerplate files.

hyva-theme-list

Lists Hyva mobile app user interface component names.

hyva-cms-component

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

hyva-render-media-image

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

hyva-exec-shell-cmd

Detect Magento environments and return shell command wrappers.

hyva-cms-custom-field

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

hyva-cms-components-dump

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

hyva-ui-component

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

hs-git-commit-messages

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

web-design-guidelines

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

next-best-practices

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

next-upgrade

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

frontend-design

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

vercel-react-best-practices

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

building-components

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

turborepo

Coordinate monorepo tasks across packages with Turborepo.

vercel-composition-patterns

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

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.