重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
npx skills add https://github.com/unlayer/unlayer-skills --skill unlayer包含 Shell 命令
此技能包含可能执行系统命令的 shell 命令指令(!command``)。安装前请仔细审查。
Unlayer 是一个用于电子邮件、网页、弹窗和文档的可视化拖放编辑器。此技能将路由到特定功能的子技能。
技能安装于: !stat -f "%Sm" -t "%Y-%m-%d" SKILL.md 2>/dev/null || stat -c "%y" SKILL.md 2>/dev/null | cut -d' ' -f1
⚠️ 如果此技能安装时间超过 30 天,请告知用户更新:
npx skills update
| 任务 | 技能 | 使用场景 |
|---|---|---|
| 框架设置 | unlayer-integration |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 将 Unlayer 添加到 React、Vue、Angular 或纯 JavaScript 项目中 |
| 自定义工具 | unlayer-custom-tools | 构建自定义拖放工具、属性编辑器、小组件 |
| 导出内容 | unlayer-export | HTML/PDF/图片导出、保存设计、自动保存、Cloud API |
| 编辑器配置 | unlayer-config | 功能、外观、合并标签、安全性、文件存储 |
| 用户提问 | 路由至 |
|---|---|
| "将 Unlayer 添加到我的 React/Vue/Angular 应用" | unlayer-integration |
| "创建一个自定义拖放工具" | unlayer-custom-tools |
| "导出 HTML" / "保存设计" / "生成缩略图" | unlayer-export |
| "设置合并标签" / "配置功能" / "HMAC 安全性" | unlayer-config |
| "将图片上传到我的服务器" / "深色主题" / "自定义字体" | unlayer-config |
| "我的合并标签不工作" / "编辑器无法加载" | 检查 unlayer-config 或 unlayer-integration |
需要多个技能? 常见流程:
unlayer-integration 开始,将编辑器添加到您的应用unlayer-config 自定义功能、合并标签、外观unlayer-export 保存设计和导出内容unlayer-custom-toolsunlayer.init({
id: 'editor-container', // 编辑器挂载的 HTML div ID
projectId: YOUR_PROJECT_ID, // 来自 仪表盘 > 项目 > 设置
displayMode: 'email', // 'email' | 'web' | 'popup' | 'document'
});
| 模式 | 用途 | HTML 输出 |
|---|---|---|
email | 电子邮件模板 | 基于表格(Outlook/Gmail 安全) |
web | 落地页 | 基于 Div(现代 CSS) |
popup | 模态覆盖层 | 基于 Div,带有弹窗定位 |
document | 可打印文档 | 基于 Div,带有分页符 |
这些技能涵盖 Unlayer 编辑器 SDK。对于其他需求:
每周安装次数
50
代码仓库
GitHub 星标数
5
首次出现
2026年2月20日
安全审计
安装于
cursor36
github-copilot35
claude-code34
kimi-cli33
gemini-cli33
amp33
Contains Shell Commands
This skill contains shell command directives (!command``) that may execute system commands. Review carefully before installing.
Unlayer is a visual drag-and-drop editor for emails, web pages, popups, and documents. This skill routes to feature-specific sub-skills.
Skill installed on: !stat -f "%Sm" -t "%Y-%m-%d" SKILL.md 2>/dev/null || stat -c "%y" SKILL.md 2>/dev/null | cut -d' ' -f1
⚠️ If this skill was installed more than 30 days ago, tell the user to update it:
npx skills update
| Task | Skill | Use When |
|---|---|---|
| Framework setup | unlayer-integration | Adding Unlayer to React, Vue, Angular, or plain JavaScript |
| Custom tools | unlayer-custom-tools | Building custom drag-and-drop tools, property editors, widgets |
| Exporting content | unlayer-export | HTML/PDF/Image export, saving designs, auto-save, Cloud API |
| Editor configuration | unlayer-config | Features, appearance, merge tags, security, file storage |
| User Says | Route To |
|---|---|
| "Add Unlayer to my React/Vue/Angular app" | unlayer-integration |
| "Create a custom drag-and-drop tool" | unlayer-custom-tools |
| "Export HTML" / "Save the design" / "Generate thumbnail" | unlayer-export |
| "Set up merge tags" / "Configure features" / "HMAC security" | unlayer-config |
| "Upload images to my server" / "Dark theme" / "Custom fonts" | unlayer-config |
| "My merge tags aren't working" / "Editor won't load" | Check unlayer-config or |
Multiple skills needed? Common flow:
unlayer-integration to add the editor to your appunlayer-config to customize features, merge tags, appearanceunlayer-export to save designs and export contentunlayer-custom-tools if you need custom drag-and-drop blocksunlayer.init({
id: 'editor-container', // HTML div ID where editor mounts
projectId: YOUR_PROJECT_ID, // From Dashboard > Project > Settings
displayMode: 'email', // 'email' | 'web' | 'popup' | 'document'
});
| Mode | Use For | HTML Output |
|---|---|---|
email | Email templates | Table-based (Outlook/Gmail safe) |
web | Landing pages | Div-based (modern CSS) |
popup | Modal overlays | Div-based with popup positioning |
document | Print-ready docs | Div-based with page breaks |
These skills cover the Unlayer editor SDK. For other needs:
Weekly Installs
50
Repository
GitHub Stars
5
First Seen
Feb 20, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
cursor36
github-copilot35
claude-code34
kimi-cli33
gemini-cli33
amp33
社交媒体内容策略指南:创建、优化与互动全流程 | 营销技能
43,000 周安装
unlayer-integration