⚡

Yolo模式自动化技能Skill yolo

Yolo 模式自动化技能使用 Claude 的浏览器自动化功能来自动化 Lovable 部署工作流程，支持自动检测部署需求、自动提交部署提示、监控响应以及运行验证测试，提高部署效率并减少手动干预。

DevOps 0 次安装 4 次浏览 更新于 2/28/2026

Yolo 模式自动化技能

这个技能使用 Claude 的浏览器自动化功能来自动化 Lovable 部署工作流程。

何时激活

当以下条件满足时，应激活此技能：

  1. Yolo 模式在 CLAUDE.md (yolo_mode: on) 中启用
  2. 用户运行部署命令：
    • /deploy-edge - 边缘函数部署
    • /apply-migration - 数据库迁移应用
  3. 在 git push 到 main 后（如果 auto_deploy: on）：
    • 自动检测后端文件更改
    • 无需手动命令即可触发部署
  4. 用户提及 yolo 自动化：
    • “使用 yolo 模式”
    • “自动化 Lovable 提示”
    • “自动提交到 Lovable”
    • “浏览器自动化”

性能优化

模型选择（混合方法）

为了最佳速度 + 可靠性，不同任务使用不同模型：

使用 Haiku 进行：

  • 使用 refs 点击元素（简单，确定性）
  • 表单输入操作（form_input 工具调用）
  • 按键和简单导航
  • 等待/轮询操作
  • 使用 find 工具进行简单元素查找

使用 Sonnet 进行：

  • 导航后初始页面理解
  • 错误检测和恢复决策
  • 解析 Lovable 的响应以确定成功/失败
  • 当发生意外时决定下一步
  • 复杂页面状态分析

为什么这很重要：

  • Haiku 在简单操作上快 3-5 倍
  • Sonnet 在复杂推理上提供更好的可靠性
  • 混合方法提供最佳：速度 + 准确性

工具偏好

始终优先使用这些工具：

  • find 和 read_page 而不是截图用于元素定位
  • form_input 而不是点击 + 类型输入值
  • ref 参数而不是坐标用于点击
  • DOM 轮询而不是基于截图的监控

查看 references/automation-workflows.md 了解详细实现。

核心功能

1. 自动检测

当 yolo 模式启用时，自动检测何时需要 Lovable 提示：

边缘函数部署：

  • 修改了 supabase/functions/ 中的文件
  • 更改提交并推送到 main
  • 生成部署提示

迁移应用：

  • supabase/migrations/ 中的新文件
  • 更改提交并推送到 main
  • 生成迁移提示

查看 references/detection-logic.md 了解完整的检测标准。

1.5. Git Push 后自动部署（NEW）

当 auto_deploy: on 启用时，Claude 自动检测并在成功的 git push 后部署后端更改：

触发器： 成功的 git push origin main

检测：

  1. 分析推送中更改的文件
  2. 检查 supabase/functions/ 或 supabase/migrations/ 更改
  3. 如果找到后端文件并且 auto_deploy 启用 → 触发自动化

流程：

git push origin main [成功]
    ↓
Claude 检测到后端文件更改
    ↓
检查：yolo_mode: on 和 auto_deploy: on
    ↓
🤖 "自动部署：检测到后端更改，开始部署..."
    ↓
执行浏览器自动化
    ↓
运行验证测试
    ↓
显示部署摘要

优雅降级： 如果自动部署因任何原因失败：

  • 显示清晰的错误消息
  • 提供手动提示作为回退
  • 永远不要阻止用户

查看 references/post-push-automation.md 了解完整的实现。

2. 浏览器自动化工作流程

当需要部署时：

  1. 导航到 Lovable

    • 从 CLAUDE.md 读取 lovable_url
    • 打开浏览器并导航到项目
    • 如有需要，处理登录

  2. 提交提示

    • 定位聊天输入元素
    • 输入生成的 Lovable 提示
    • 提交并确认消息已发送

  3. 监控响应

    • 等待 Lovable 的响应
    • 检查成功指标
    • 检测错误或警告
    • 超时后 3 分钟

查看 references/automation-workflows.md 了解详细的浏览器自动化步骤。

3. 测试与验证

成功部署后，根据 yolo_testing 设置运行测试：

如果 yolo_testing: on（默认）：

  • 级别 1：基本验证（通过 Lovable 检查日志）
  • 级别 2：控制台错误检查（监控生产 URL）
  • 级别 3：功能测试（测试端点/查询）

如果 yolo_testing: off：

  • 跳过所有测试
  • 仅从 Lovable 响应确认部署成功

查看 references/testing-procedures.md 了解完整的测试工作流程。

4. 调试模式

当 yolo_debug: on 时，提供详细输出：

🐛 调试：浏览器自动化

步骤 1：导航到 Lovable
  URL：https://lovable.dev/projects/abc123
  等待：页面加载完成
  ✅ 成功（1.2s）

步骤 2：定位聊天界面
  选择器：textarea[data-testid="chat-input"]
  等待：元素可交互
  ✅ 找到（0.3s）

步骤 3：输入提示
  文本："部署 send-email 边缘函数"
  ✅ 输入（0.5s）

步骤 4：提交
  动作：按 Enter
  ✅ 提交（0.1s）

步骤 5：监控响应
  监视：来自助手的新消息
  超时：180s
  ✅ 收到响应（4.2s）

响应内容：
"我现在将部署 send-email 边缘函数..."
[完整响应文本]

检测到的成功关键词：['deploy', 'function']
未发现错误关键词

CLAUDE.md 中的配置

此技能从 CLAUDE.md 读取这些字段：

## Yolo 模式配置（Beta）

- **状态**：on
- **自动部署**：on
- **部署测试**：on
- **自动运行测试**：off
- **调试模式**：off
- **最后更新**：2025-01-03 10:30:00

配置选项：

  • 状态：启用/禁用 yolo 模式
  • 自动部署：git push 后自动部署（无需手动命令）
  • 部署测试：部署后运行验证测试
  • 自动运行测试：git push 后运行项目测试套件
  • 调试模式：显示详细自动化日志

以及来自项目概览：

- **Lovable 项目 URL**：https://lovable.dev/projects/abc123
- **生产 URL**：https://my-app.lovable.app

用户通知

进度更新

在自动化期间显示实时进度：

标准模式（调试关闭）：

🤖 Yolo 模式：部署 send-email 边缘函数

⏳ 第 1/8 步：导航到 Lovable 项目...
⏳ 第 2/8 步：等待 GitHub 同步...
✅ 第 3/8 步：同步验证 - Lovable 拥有最新代码
✅ 第 4/8 步：定位聊天界面
✅ 第 5/8 步：提交提示
⏳ 第 6/8 步：等待 Lovable 响应...
✅ 第 7/8 步：部署确认
⏳ 第 8/8 步：运行验证测试...
✅ 第 8/8 步：所有测试通过

调试模式（调试开启）： 包括带有时间、选择器和完整响应的详细日志。

部署摘要

自动化完成后：

## 部署摘要

**操作：** 边缘函数部署
**函数：** send-email
**状态：** ✅ 成功
**持续时间：** 45 秒

**自动化步骤：**
1. ✅ 导航到 Lovable
2. ✅ 提交部署提示
3. ✅ 收到部署确认

**验证测试：**（如果启用测试）
1. ✅ 基本验证：部署日志显示无错误
2. ✅ 控制台检查：生产 URL 无错误
3. ✅ 功能测试：函数端点响应（200 OK）

**生产状态：**
- 函数已上线并响应
- 未检测到错误
- 准备就绪

💡 Yolo 模式已启用。我将继续自动化部署。
  运行 `/yolo off` 以禁用。

错误处理

所有自动化失败都优雅地回退到手动提示：

常见错误

浏览器自动化不可用：

❌ 浏览器自动化不可用

Yolo 模式需要 Claude in Chrome 扩展。

安装：https://chrome.google.com/webstore/detail/claude/...
文档：https://docs.claude.com/claude/code-intelligence/browser-automation

回退 - 在 Lovable 中手动运行此提示：
📋 "部署 send-email 边缘函数"

需要登录：

🔐 请登录到 Lovable

浏览器打开到您的 Lovable 项目，但您尚未登录。
请登录，我将自动重试。

或手动运行此提示：
📋 "部署 send-email 边缘函数"

找不到 UI 元素：

❌ 无法定位 Lovable 聊天界面

自此插件创建以来，Lovable UI 可能已更改。

回退 - 在 Lovable 中手动运行此提示：
📋 "部署 send-email 边缘函数"

💡 请在此处报告此问题：
   https://github.com/10kdigital/lovable-claude-code/issues

超时：

⏱️ Lovable 在 3 分钟后仍未响应

操作可能仍在处理中。
请手动检查 Lovable 以验证状态。

提交的提示：
📋 "部署 send-email 边缘函数"

部署失败：

❌ Lovable 中部署失败

来自 Lovable 的错误：
[捕获的错误消息]

建议的修复措施：
- 检查函数代码是否有语法错误
- 验证 Cloud → Secrets 中是否设置了所需的机密
- 查看 Lovable 中的函数日志

您希望我：
1. 检查函数代码是否有问题
2. 检查 CLAUDE.md 中是否有文档化的机密
3. 向您展示如何在 Lovable 中访问日志

优雅降级

当自动化失败时：

  1. 捕获错误详情
  2. 显示用户友好的错误消息
  3. 提供手动提示作为回退
  4. 提出故障排除步骤
  5. 如果错误持续，提供禁用 yolo 模式的选项

永不默默失败 - 始终通知用户并提供手动选项。

与其他命令的集成

/deploy-edge

当 yolo 模式开启时，/deploy-edge 自动触发浏览器自动化：

[... 现有的 deploy-edge 逻辑 ...]

## 部署执行

1. 从 CLAUDE.md 检查 yolo 模式状态

2. 如果 `yolo_mode: on`：
   - 激活 yolo 技能
   - 执行浏览器自动化工作流程
   - 根据 `yolo_testing` 设置运行测试
   - 报告结果

3. 如果 `yolo_mode: off`：
   - 显示手动提示（当前行为）
   - 建议启用 yolo 模式

/apply-migration

与部署边缘相同的模式，用于迁移工作流程。

/yolo

/yolo 命令控制此技能：

  • /yolo on - 通过设置 yolo_mode: on 启用技能
  • /yolo off - 禁用技能
  • 接受标志：--testing, --no-testing, --debug

Beta 状态 & 限制

Beta 警告

Yolo 模式处于 beta - 用户应意识到：

✅ 工作良好的：

  • 自动提示提交
  • 基本部署验证
  • 错误处理与手动回退

⚠️ 已知限制：

  • 需要 Claude in Chrome 扩展
  • Lovable UI 更改可能会破坏自动化
  • 测试每次部署增加 1-3 分钟
  • 用户必须登录到 Lovable
  • 仅适用于边缘函数和迁移（不支持表格、RLS 等）

何时推荐 Yolo 模式

✅ 适合：

  • 频繁部署（节省时间）
  • 对浏览器自动化感到舒适的用户
  • 开发工作流程（快速迭代）

❌ 不理想：

  • 一次性部署（手动更快）
  • 需要额外审查的生产部署
  • 没有 Chrome 扩展的用户
  • 没有浏览器访问权限的环境

未来增强

尚未实现，但可以添加：

  1. 批量操作

    • 一次部署多个边缘函数
    • 顺序应用多个迁移

  2. 回滚支持

    • 检测部署失败
    • 通过 Lovable 提供回滚选项

  3. 监控模式

    • 定期检查日志
    • 在新错误上发出警报

  4. 自定义测试脚本

    • 用户定义的测试负载
    • 存储在 CLAUDE.md 中

  5. 更广泛的操作支持

    • 表创建
    • RLS 策略
    • 存储桶

参考文件

此技能使用这些参考文件：

  1. references/automation-workflows.md

    • 浏览器自动化逐步操作
    • Lovable UI 导航
    • 元素选择器和等待条件

  2. references/detection-logic.md

    • 何时触发自动化
    • 文件更改检测
    • 与命令集成

  3. references/post-push-automation.md （NEW）

    • Git push 后自动部署
    • 优雅回退处理
    • 用户通知模板

  4. references/testing-procedures.md

    • 级别 1：基本验证
    • 级别 2：控制台检查
    • 级别 3：功能测试

快速参考

检查 Yolo 模式是否激活

1. 读取 CLAUDE.md
2. 查找 Yolo 模式配置中的 "状态：on"
3. 如果未找到或 "off"，则 yolo 模式被禁用

检查是否启用自动部署

1. 读取 CLAUDE.md
2. 检查 "状态：on" 和 "自动部署：on"
3. 两者都必须启用才能触发自动部署

执行自动化

1. 确认 yolo_mode 处于开启状态
2. 加载 automation-workflows.md
3. 执行导航 → 提交 → 监控工作流程
4. 如果 yolo_testing 开启，则运行测试
5. 报告结果

Git Push 后自动部署

1. Git push 成功
2. 检查后端文件更改（supabase/functions/, supabase/migrations/）
3. 如果找到更改并且 auto_deploy 启用：
   - 自动触发自动化
   - 显示："🤖 自动部署：检测到后端更改..."
4. 如果 auto_deploy 被禁用：
   - 仅显示通知
   - 建议运行 /deploy-edge 或 /apply-migration

错误处理

1. 尝试自动化
2. 如果失败，捕获错误
3. 显示错误 + 手动回退提示
4. 永远不要阻止用户 - 始终提供手动选项
5. 根据错误类型提出故障排除建议

此技能实现了无需手动干预的 Lovable 部署，同时通过手动回退和全面测试保持安全性。