1. 安装与启动
安装
- 从 Chrome 应用商店或 Microsoft Edge 插件商店下载 "ToolArc Snap - 极简录"。
- 安装完成后，建议将插件图标 📌 固定在浏览器工具栏，方便随时调用。
启动
- 点击浏览器右上角的蓝色相机图标 📷
- 侧边栏（Side Panel）会从浏览器右侧滑出，此时您已准备就绪
2. 快速开始：录制您的第一个教程
🎥 方式一：自动录制（推荐）
适用于连续的操作流程，如"注册账号"、"填写表格"。
- 确认已打开目标网页
- 点击侧边栏顶部的 🔴 录制 按钮
- 视觉反馈：
- 按钮内的红点图标会开始 呼吸灯跳动
- 页面上方会出现 "● 正在录制教程" 提示条
- 正常操作网页：每次点击按钮或链接时，插件会自动截屏并记录
- 截图时会自动隐藏"录制提示条"和"标注工具栏"
- 操作完成后，再次点击 停止录制 按钮
📸 方式二：手动截图
适用于需要精准控制截图时机，或在非点击状态下（如悬停显示菜单）截图。
- 点击侧边栏的 🔵 截图 按钮
-
或使用快捷键：
Ctrl+Shift+E(Windows) /Cmd+Shift+E(Mac) - 当前画面会被立即捕获并添加到列表中
3. 标注功能：让教程更清晰
✏️ 进入标注模式
点击侧边栏的 🟣 标注 按钮，屏幕上会出现悬浮的标注工具栏。
🎨 工具类型
| 工具 | 说明 | 样式选项 |
|---|---|---|
| 序号 | 添加数字标记 | 实心●、空心○、方块■、菱形◆ |
| 箭头 | 画箭头指示 | 直线→、粗箭头、双向↔、曲线↪ |
| 图形 | 框选区域 | 矩形、圆角矩形、圆形、椭圆 |
| 文字 | 添加文字说明 | 点击位置输入文本 |
🎨 颜色选择
- 颜色圆点：点击打开系统颜色选择器，自定义任意颜色
- 快捷色板：底部的彩色圆点可一键选择常用颜色
⚡ 操作按钮
| 按钮 | 功能 |
|---|---|
| ↩ 撤销 | 删除最后画的一个标注 |
| ✓ 完成 | 关闭工具栏，保留标注在页面上 |
| ✕ 取消 | 关闭工具栏，删除所有标注 |
🗑️ 清除标注
- 点击"完成"后，标注会保留在页面上
- 如需清除，点击侧边栏"标注"按钮下方的 清除标注 文字
💡 最佳实践
- 画好标注后点击 完成
- 点击 截图 按钮捕获带标注的图片
- 需要时点击 清除标注
4. AI 智能描述
不想手动写步骤说明？让 AI 来帮您！
配置 AI
- 点击侧边栏底部的 ⚙️ 设置 图标
- 在 "AI 智能描述" 区域，选择服务商（智谱 AI 或 OpenAI）
- 输入您的 API Key（数据仅保存在本地）
- 点击 "测试连接" 确保配置正确
自动生成文案
- 在已录制的步骤卡片上，点击 🪄 魔术棒 图标
- AI 会根据截图内容，自动生成精准的操作描述
提示词预设
| 风格 | 说明 |
|---|---|
| 默认通用 | 简洁直白 |
| 详细操作步骤 | 包含更多页面细节 |
| 企业 SOP 风格 | 正式、规范，适合内部文档 |
| 轻松幽默风格 | 适合社交媒体分享 |
| 中英双语 | 自动生成双语对照说明 |
5. 编辑与管理
自由编辑
- 修改文字：直接点击步骤下方的文本框即可修改描述
- 调整顺序：按住步骤卡片左侧，拖拽即可上下移动步骤
- 删除步骤：鼠标悬停卡片，点击右上角的 🗑️ 删除图标
插入元素
点击底部的 + 插入 按钮：
- 章节标题：用于分割长教程
- 表格占位符：提示后续需要插入表格
- 图表占位符：提示后续需要插入图表
- 代码占位符：提示后续需要插入代码块
6. 导出与分享
点击底部的 📤 导出 按钮：
| 格式 | 适用场景 |
|---|---|
| Markdown (.zip) | 📝 笔记/文档库（推荐），兼容 Notion, Obsidian, GitHub |
| HTML 单页 | 🌐 分享给同事，直接浏览器打开 |
| JSON 数据 | 💾 备份/开发二次处理 |
| 复制 Markdown | 📋 快速粘贴到其他地方 |
7. 个性化设置
点击底部的 ⚙️ 设置：
高亮框设置
- 保留高亮框：开启后，截图上会自动画框标出点击位置
- 颜色自定义：选择红色、蓝色、绿色等任意颜色
数据安全
- 所有设置、API Key 和教程草稿都存储在浏览器本地
- 清除浏览器缓存会清空这些数据，请及时导出重要教程