Skills
.Work. You
Rest

Hyvä Theme: ViewModels, Compatibility & Customization

Official

Streamline Hyvä Theme development with ViewModel management and customization tools.

Software Engineering#customization#Tailwind CSS#ViewModel#module compatibility#Hyvä Theme
AuthorInchoo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill unit addresses the complexities of Hyvä Theme development by providing tools for ViewModel management, compatibility, and customization, simplifying the process of integrating and extending the Hyvä Theme.

Core Features & Use Cases

  • ViewModel Usage: Offers guidance on using built-in ViewModels and creating custom ones for specific use cases.
  • Hyva Compatibility: Provides guidelines for making existing modules compatible with the Hyvä Theme.
  • Tailwind CSS Customization: Includes instructions for customizing design tokens and adding custom component styles.
  • Modal Dialogs: Demonstrates how to use the Modal ViewModel for creating interactive modal dialogs.
  • Template Override Patterns: Explains how to override parent theme templates and module templates for Hyva compatibility.
  • Responsive Grid Layout: Shows how to implement responsive grid layouts with Tailwind CSS.
  • Build & Deployment: Provides steps for building and deploying Hyvä Theme applications.
  • Debugging Tips: Offers troubleshooting tips for common issues encountered during development.

Quick Start

Use the hyva-theme-components skill to create a custom ViewModel for your Hyvä Theme module.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Hyvä Theme: ViewModels, Compatibility & Customization
Download link: https://github.com/Inchoo/magento-bricklayer/archive/main.zip#hyv-theme-viewmodels-compatibility-customization

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.