lovable-claude-code
Claude Code插件，IDE内10倍速开发Lovable项目
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：lovable-claude-code。 它的用途是：Claude Code插件，IDE内10倍速开发Lovable项目 完整的 Skill 内容见：https://321skill.com/skills/lovable-claude-code/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'给项目添加邮件通知功能'，它会自动编写对应功能代码，检测所需的API密钥，自动提交代码并推送到GitHub，完成Lovable云端部署后运行验证测试并反馈结果。
对AI说：'/lovable:sync'，它会自动同步本地与Lovable云端的密钥、配置信息，无需手动逐项核对。
介绍
以往使用Lovable开发项目时，开发者需要在Lovable UI与IDE之间反复切换，双向同步操作繁琐，简单代码修改也会消耗额外API额度，还存在手动部署效率低、密钥管理混乱、部署后无自动化验证等痛点，大幅拉高开发成本。 该插件可将IDE能力直接对接Lovable项目，仅需一次初始化生成项目上下文，后续即可在IDE中正常编辑代码，支持手动控制与全自动运行两种模式，可自动完成代码提交、GitHub推送、Lovable云端部署、配置同步、测试验证等操作。 适合所有使用Lovable搭建Web应用的前端、全栈开发者，尤其是需要频繁修改Lovable项目代码、希望减少跨工具切换、降低API额度消耗的个人开发者及团队。 若需要对部署流程有完全掌控权可选择手动模式，追求开发效率可开启全自动模式，使用前建议提前配置好相关账号权限，避免因权限不足导致部署失败。
核心特点
它是专为Lovable生态打造的Claude Code插件，原生支持Vite SPA与TanStack Start双架构，通过MCP直连实现3-5倍速部署，打通IDE、GitHub、Lovable云的全链路自动化流程，无需跨工具复制粘贴。
注意事项
仅支持基于Lovable搭建的项目，无法用于非Lovable生态开发场景，需搭配Claude订阅使用。
常见问题
使用这个插件会额外消耗Lovable的API额度吗？
不会，重度代码处理走Claude订阅，仅部署环节调用Lovable接口，可大幅节省额度。
插件支持哪些类型的Lovable项目？
支持Vite SPA单页应用和TanStack Start（SSR）服务端渲染两种架构的项目。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/lovable-claude-code/raw/index.md 读取 lovable-claude-code 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/lovable-claude-code/raw/index.md（查看排版版本）