Skills
.Work. You
Rest

hyva-cms-custom-field

Official

Create custom Hyvä CMS field types and handlers.

Software Engineering#custom field#Hyva CMS#LiveView Editor#Magewire#Alpine.js#modal handler#field templates
Authorhyva-themes
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Hyva CMS editors often need non-standard input controls and custom UI to configure components. This skill provides a framework to create and register custom field types and their associated modal or inline handlers for the Hyvä CMS Liveview Editor.

Core Features & Use Cases

  • Define basic custom fields (text, date, number) with standard HTML5 validation.
  • Implement inline field handlers for enhanced controls (searchable selects, color pickers) without leaving the field area.
  • Build modal-based field handlers for complex selections (product selectors, link builders, media galleries) with proper event routing and server-side synchronization.

Quick Start

  1. Copy the field template pattern from built-in references and adapt it for your field type.
  2. Register your field type in etc/adminhtml/di.xml and, if needed, a modal handler in view/adminhtml/layout/liveview_editor.xml.
  3. Use the field type in components.json to store and render values as JSON-encoded data.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: hyva-cms-custom-field
Download link: https://github.com/hyva-themes/hyva-ai-tools/archive/main.zip#hyva-cms-custom-field

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 223,000+ vetted skills library on demand.