GrapesJS Studio SDK 是一个可嵌入应用的可视化构建器，用于创建网站与落地页、新闻通讯与邮件内容、文档编辑器。本技能用于其安装、配置、插件集成与项目类型实现。
安装：npm i @grapesjs/studio-sdk
初始加载：React 使用 import StudioEditor from "@grapesjs/studio-sdk/react" 与 import "@grapesjs/studio-sdk/style"，通过 <StudioEditor options={{ licenseKey: "LOCAL_LICENSE_KEY", project: { type: "web" } }} /> 使用；其他框架或原生 JS 使用 import createStudioEditor from "@grapesjs/studio-sdk" 与样式导入，调用 createStudioEditor({ licenseKey: "LOCAL_LICENSE_KEY", project: { type: "web" } })。project.type 可选 web、email、document。
许可：localhost 上任意字符串可用于本地开发；非 localhost 域名需要有效 licenseKey。
项目类型：email 用于 MJML 新闻通讯与邮件编辑；web 用于网站与落地页的多页面结构；document 用于类打印布局。初始设置与选择项目类型后，下一步是配置持久化，即定义项目加载与保存、上传资源的存储与读取方式。
配置涵盖项目初始化与存储、块库、组件类型与属性、资源上传与外部资源提供方、字体、全局样式、布局与 UI、页面、模板、主题、数据源绑定与模板引擎等。插件包括 AI（架构、后端、聊天）、资源提供方（Google Fonts、YouTube）、画布模式（绝对定位、空状态、全尺寸、网格）、组件（手风琴、动画、对话框、Flex、灯箱、图标、画廊、页面列表、轮播、表格）、自定义 React 渲染器、数据源模板引擎（EJS、Handlebars）、侧边栏按钮、可打印预设、富文本编辑器（ProseMirror、TinyMCE）。
限制：资料未提供具体收费、价格、平台支持范围与效果说明。