L
Lovable AI 编辑器系统提示词解析
解析 Lovable AI 编辑器的能力边界设计和 SEO 自动化策略
Claude
提示词资源库
Lovable
系统提示词
AI编辑器
React
Supabase
#Lovable
#系统提示词
#AI编辑器
#React
#Supabase
432,008 次浏览
4,480 次复制
2,240 次点赞
2026-06-24
适用场景
了解 AI Web 应用编辑器的设计思路和 SEO 集成模式
提示词内容
【Lovable AI 编辑器系统提示词要点解析】
Lovable 是一款创建和修改 Web 应用的 AI 编辑器，用户在左侧聊天、右侧实时预览。其系统提示词的核心设计：
1. 技术栈锁定：React + Vite + Tailwind CSS + TypeScript，不支持 Angular/Vue/Svelte/Next.js/原生移动应用
2. 后端限制：无法直接运行后端代码（Python/Node.js/Ruby），通过 Supabase 集成实现后端功能
3. SEO 自动化：每次生成组件时自动实现 SEO 最佳实践——Title 标签、Meta 描述、语义化 HTML、JSON-LD 结构化数据等
4. 效率最大化：需要执行多个独立操作时，始终同时调用所有相关工具，不做顺序调用
5. 上下文优先：使用工具查看文件前，先检查 useful-context 和 current-code 中是否已有
6. 简洁回复：编辑代码后不超过 2 行文本说明，不含 emoji
设计启示：Lovable 的提示词明确了能力边界（技术栈锁定）并内置了 SEO 最佳实践，这种「在生成时自动遵循规范」的设计减少了用户的后处理工作。
来源仓库：github.com/x1xhlol/system-prompts-and-models-of-ai-tools
Lovable 是一款创建和修改 Web 应用的 AI 编辑器，用户在左侧聊天、右侧实时预览。其系统提示词的核心设计：
1. 技术栈锁定：React + Vite + Tailwind CSS + TypeScript，不支持 Angular/Vue/Svelte/Next.js/原生移动应用
2. 后端限制：无法直接运行后端代码（Python/Node.js/Ruby），通过 Supabase 集成实现后端功能
3. SEO 自动化：每次生成组件时自动实现 SEO 最佳实践——Title 标签、Meta 描述、语义化 HTML、JSON-LD 结构化数据等
4. 效率最大化：需要执行多个独立操作时，始终同时调用所有相关工具，不做顺序调用
5. 上下文优先：使用工具查看文件前，先检查 useful-context 和 current-code 中是否已有
6. 简洁回复：编辑代码后不超过 2 行文本说明，不含 emoji
设计启示：Lovable 的提示词明确了能力边界（技术栈锁定）并内置了 SEO 最佳实践，这种「在生成时自动遵循规范」的设计减少了用户的后处理工作。
来源仓库：github.com/x1xhlol/system-prompts-and-models-of-ai-tools
一键填参 · 去 AI 运行
填入你的资料，直接复制或跳转到 AI
或换个模型：
使用指南
复制提示词后，把【】中的占位内容替换成自己的资料即可使用。
相关提示词
看看其它频道
全站内容互通，减少「点进来只有列表」的单调感。
工具 18,300
技能 7,010
提示词 1,837
下载 344