_   _ _   _ _        _ __   _______ ____        ____  _  _____ _     _     ____
| | | | \ | | |      / \\ \ / / ____|  _ \      / ___|| |/ /_ _| |   | |   / ___|
| | | |  \| | |     / _ \\ V /|  _| | |_) |_____\___ \| ' / | || |   | |   \___ \
| |_| | |\  | |___ / ___ \| | | |___|  _ <|_____|___) | . \ | || |___| |___ ___) |
 \___/|_| \_|_____/_/   \_\_| |_____|_| \_\     |____/|_|\_\___|_____|_____|____/

Overview

Official Unlayer developer assistant skills for AI coding agents. Get expert help integrating, customizing, and building with the Unlayer visual editor.

Installation

npx skills add unlayer/unlayer-skills

Available Skills

Skill Description
unlayer Router — identifies the right sub-skill for your question
unlayer-integration Add the drag-and-drop editor to React, Vue, Angular, or plain JavaScript
unlayer-elements Build emails, pages, and documents in code with React components (no visual editor)
unlayer-custom-tools Build custom drag-and-drop tools and property editors
unlayer-export Export HTML, PDF, images, or save/load designs
unlayer-config Configure features, appearance, security, and dynamic content

Usage Examples

"How do I add Unlayer to my React app?"
"Build a welcome email in code with Unlayer Elements"
"Generate an email template from React components and render it to HTML"
"Create a custom tool with a color picker and text input"
"Export my design as HTML and save the design JSON"
"Set up merge tags for my email templates"
"Configure HMAC security for user identification"
"Set up custom image upload to my S3 bucket"

Supported Frameworks

  • React (react-email-editor)
  • Vue (vue-email-editor)
  • Angular (angular-email-editor)
  • Plain JavaScript (embed.js)

Prerequisites

Resources

License

MIT