按分类浏览
GrapesJS AI
GrapesJS AI 插件把大语言模型带进可视化编辑器：用一段提示词生成页面区块、就地改写文案、生成图片 alt 文本与元数据，或让 AI 编程助手替你搭出区块、组件与插件。本分类同时覆盖面向终端用户的画布内 AI 功能，以及面向「构建 GrapesJS 编辑器的开发者」的 AI 工具——包括给 Claude、Cursor、Copilot 这类助手用的 Agent 技能包与上下文包。浏览免费与付费的 GrapesJS AI 扩展，安装前请确认各自支持哪些模型服务商，以及 API 密钥与提示词是如何配置的。
关于 GrapesJS AI
AI 从两个方向同时进入了 GrapesJS，本分类把两者都收在一起。第一个方向是画布内的 AI：这类插件加入提示输入框或工具栏动作，让正在编辑页面的人无需离开编辑器就能生成首屏区块、以不同语气改写段落、翻译某个区块，或生成图片 alt 文本与 meta description。它们封装某个模型服务商——OpenAI、Anthropic、Google 或自托管端点——并把响应映射回真正的 GrapesJS 组件，而不是直接塞入原始 HTML，因此生成结果依然可选中、可设样式、可撤销。请查看每个条目支持哪些服务商、API 密钥放在你的服务器还是浏览器、提示词能否自定义——这三点决定了一个插件是否适合交付给终端用户。第二个方向是面向「构建编辑器的开发者」的 AI。编程助手只有掌握当前 API 面貌——组件类型、traits、命令、StorageManager 契约、插件打包方式——才能写出正确的 GrapesJS 代码，而它们的训练数据通常已经过时。本分类中的 Agent 技能包与上下文包正是把这些知识喂给 Claude、Cursor 与 GitHub Copilot 这类助手，让「加一个由 trait 驱动的手风琴组件」这样的提示返回真正能在你当前版本上跑起来的代码。GJS.Market 自己也发布了若干这类工具，免费且采用 MIT 许可。如果你正在为生产环境的编辑器评估 AI，建议从开发者侧工具入手：它立刻见效，而且不涉及画布内生成所带来的成本、延迟与内容审核问题。
GrapesJS AI — 常见问题
- 什么是 GrapesJS AI 插件？
- GrapesJS AI 插件是把 GrapesJS 编辑器接入大语言模型的扩展。视插件而定，它可以根据提示词生成页面区块、改写或翻译所选组件的文本、生成 alt 文本与 meta description，或者把 GrapesJS API 知识提供给 AI 编程助手，让它写出正确的插件与组件代码。
- GrapesJS AI 插件支持哪些 AI 服务商？
- 取决于具体插件。多数只封装单一服务商，如 OpenAI、Anthropic 或 Google；部分接受任何兼容 OpenAI 协议的端点，从而可以指向自托管或经代理的模型。支持的服务商会列在各产品页上——购买前务必确认，因为更换服务商通常意味着更换插件。
- 使用 GrapesJS AI 插件需要自备 API 密钥吗？
- 几乎总是需要。GrapesJS AI 插件是客户端扩展，不转售模型访问权限，因此你需要自备服务商 API 密钥并向服务商支付用量费用。对于生产环境的编辑器，请通过自己的后端代理转发请求，而不要把密钥打进浏览器包，并在投入使用前确认该插件支持自定义端点。
- AI 能自动生成 GrapesJS 区块和组件吗？
- 可以。画布内 AI 插件生成的区块会被映射回真正的 GrapesJS 组件，因此结果保持可选中、可设样式、可撤销，而不是作为原始 HTML 粘贴进来。另外，配备了 GrapesJS 技能包或上下文包的 AI 编程助手，还能在你的项目中生成新区块与组件类型的插件源码。
- 有免费的 GrapesJS AI 插件吗？
- 有。本分类既有付费插件，也有免费、采用 MIT 许可的 AI 工具——其中包括 GJS.Market 发布的免费 Agent 技能包，用于让编程助手掌握当前的 GrapesJS API。使用本页的价格筛选即可只看免费条目。