unlayer-config

Configure Unlayer editor features, appearance, and security settings via JavaScript.

13|Updated Feb 12, 2026
One-click install
npx skills add https://github.com/unlayer/unlayer-skills --skill unlayer-config
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: unlayer-config
Source: https://github.com/unlayer/unlayer-skills/tree/main/unlayer-config
Command: npx skills add https://github.com/unlayer/unlayer-skills --skill unlayer-config

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the process of customizing the Unlayer visual editor, allowing developers to tailor its features, appearance, and dynamic content capabilities to specific application needs.

Core Features & Use Cases

  • Feature Toggling: Enable or disable editor features like audit, preview, undo/redo, stock images, user uploads, and AI capabilities.
  • Appearance Customization: Control the editor's theme, panel placement, and action bar.
  • Dynamic Content: Configure merge tags, design tags, display conditions, and special links for personalized templates.
  • Security & Storage: Implement HMAC security and set up custom file storage or image upload providers.
  • Use Case: Integrate Unlayer into a React application, configure it to use a dark theme, enable custom tools, set up merge tags for user data, and secure it with server-side HMAC authentication.

Quick Start

Configure Unlayer to use the 'modern_dark' theme and enable the audit and preview features.

Frequently Asked Questions about unlayer-config

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure the Unlayer editor to use a dark theme and enable specific features?

To configure the Unlayer editor, you can set the appearance theme to 'modern_dark' and toggle features like audit and preview using JavaScript for client-side initialization and runtime adjustments.

Can I implement HMAC security for the Unlayer editor?

Yes, you can implement HMAC security to secure the Unlayer editor by setting up server-side HMAC authentication to control access and validate editor sessions.

How do I add dynamic content like merge tags and special links to Unlayer templates?

You can add dynamic content by configuring merge tags, design tags, display conditions, and special links within the Unlayer editor settings to generate personalized templates.

Does the Unlayer editor support custom file storage and image upload providers?

Yes, the Unlayer editor supports custom file storage and image uploads, allowing you to integrate your own providers to manage how assets are stored and retrieved.

What is the best way to integrate Unlayer into a React application?

The best way to integrate Unlayer into a React application is by using JavaScript for client-side initialization, then applying your desired feature flags, appearance settings, and validation rules.

Can I disable specific tools like stock images or user uploads in the Unlayer editor?

Yes, you can disable specific tools by managing feature flags in the Unlayer configuration to enable or disable editor features like stock images, user uploads, and AI capabilities.