_ _ _ _ _ _ __ _______ ____ ____ _ _____ _ _ ____
| | | | \ | | | / \\ \ / / ____| _ \ / ___|| |/ /_ _| | | | / ___|
| | | | \| | | / _ \\ V /| _| | |_) |_____\___ \| ' / | || | | | \___ \
| |_| | |\ | |___ / ___ \| | | |___| _ <|_____|___) | . \ | || |___| |___ ___) |
\___/|_| \_|_____/_/ \_\_| |_____|_| \_\ |____/|_|\_\___|_____|_____|____/
Official Unlayer developer assistant skills for AI coding agents. Get expert help integrating, customizing, and building with the Unlayer visual editor.
npx skills add unlayer/unlayer-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-image-editor |
Embed and configure the standalone Image Editor with JavaScript or React |
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 |
"How do I add Unlayer to my React app?"
"Embed the standalone Image Editor in my React app"
"Enable the Image Editor AI Assistant"
"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"
- React (
react-email-editor) - Vue (
vue-email-editor) - Angular (
angular-email-editor) - Plain JavaScript (embed.js)
- React (
@unlayer/react-image-editor) - Plain JavaScript (
image-editor/embed.js)
- An Unlayer account (console.unlayer.com)
- A project ID from your Unlayer dashboard
MIT