Skills
.Work. You
Rest

unlayer-custom-tools

Official

Build custom Unlayer editor tools.

Software Engineering#custom tools#drag and drop#property editor#unlayer#editor customization#html exporter
Authorunlayer
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill empowers developers to extend the Unlayer visual editor by creating custom drag-and-drop content blocks, enhancing the editor's functionality to meet specific application needs.

Core Features & Use Cases

  • Custom Tool Registration: Define and register new tools with unique renderers, exporters, and property editors.
  • Property Editor Customization: Build complex property editors using built-in widgets or custom React components.
  • Email-Safe HTML: Generate robust HTML output compatible with various email clients.
  • Use Case: Create a "Product Card" tool that allows users to easily add product images, titles, prices, and buy buttons to their email templates, all configurable through a dedicated property panel.

Quick Start

Register a new custom tool named 'product_card' with Unlayer using the provided JavaScript example.

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: unlayer-custom-tools
Download link: https://github.com/unlayer/unlayer-skills/archive/main.zip#unlayer-custom-tools

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.