> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gumloop.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tips & Tricks

> Boost your productivity with these workflow building techniques and keyboard shortcuts

## <Icon icon="play" /> Resume Button

The easiest way to iterate on your workflow is by using the resume button. Imagine you have a workflow with many steps but you want to iterate on the AI prompt at the end of the workflow. You can tweak that prompt at the end, click the resume button and it'll jump right to the step you care about. No more re-running the whole workflow. This saves credits and tons of time.

<Frame>
  <img src="https://mintcdn.com/agenthub/w1F7hfGEH4EChCiL/images/resume_button_demo.gif?s=da204a3e03024733620d164e58afdf1d" alt="Resume button demonstration" width="764" height="480" data-path="images/resume_button_demo.gif" />
</Frame>

## <Icon icon="at" /> Use the @ Symbol to Invoke Badges

You can drag badges into your node OR you can tag them in by typing the @ symbol and bringing them in. I find this much quicker as I'm typing in my workflows.

<Frame>
  <img src="https://mintcdn.com/agenthub/dn7emlKONFx9smnZ/images/at_symbol_badges.gif?s=5dbef7e2ac710e668305d10b7a591e80" alt="Using @ symbol to invoke badges" width="1336" height="720" data-path="images/at_symbol_badges.gif" />
</Frame>

## <Icon icon="floppy-disk" /> Save Your Work Frequently

There are tons of shortcuts on Gumloop but I use `Cmd + S` the most. I save often as I build to ensure no work is lost.

<Frame>
  <img src="https://mintcdn.com/agenthub/dn7emlKONFx9smnZ/images/cmd_s_save.gif?s=a407bc03fe9ed93ee74cc04e4076c910" alt="Using Cmd + S to save workflows" width="1336" height="720" data-path="images/cmd_s_save.gif" />
</Frame>

## <Icon icon="object-group" /> Select Groups of Nodes

Hold your Shift key, click and drag to select many nodes at once. This helps when you want to drag around or delete many nodes at once.

<Frame>
  <img src="https://mintcdn.com/agenthub/w1F7hfGEH4EChCiL/images/select_multiple_nodes.gif?s=872fc06e18039f97ee446f66fe9d7865" alt="Selecting multiple nodes with Shift + drag" width="1332" height="720" data-path="images/select_multiple_nodes.gif" />
</Frame>

## <Icon icon="sitemap" /> Convert Groups of Nodes to Subflows

If you highlight a group of nodes, you can convert it to a subflow with a single click. If you ever are mid-build and realize a section of it should be a subflow it's very easy to convert it into the right format.

<Frame>
  <img src="https://mintcdn.com/agenthub/dn7emlKONFx9smnZ/images/convert_to_subflow.gif?s=6515cd271b0b27d101ae698f92e345c3" alt="Converting selected nodes to subflows" width="1340" height="720" data-path="images/convert_to_subflow.gif" />
</Frame>

## <Icon icon="bezier-curve" /> Change Your Edge Type

I really prefer curved edges on Gumloop. Some people like straight edges. Pick your poison.

<Frame>
  <img src="https://mintcdn.com/agenthub/BbHU4APLtf15VcpU/images/edge_types.png?fit=max&auto=format&n=BbHU4APLtf15VcpU&q=85&s=242a09b122976eed95d978dfb716fb90" alt="Changing edge types between curved and straight" width="3024" height="1714" data-path="images/edge_types.png" />
</Frame>

## <Icon icon="arrow-pointer" /> Drag Edges Onto Nodes Themselves

Most people are carefully dragging outputs into inputs. You can just drag the edges onto the nodes themselves! Much bigger targets.

<Frame>
  <img src="https://mintcdn.com/agenthub/BbHU4APLtf15VcpU/images/drag_edges_to_nodes.gif?s=d79369081f1cfb110b5a2c023950dec5" alt="Dragging edges directly onto nodes" width="1400" height="720" data-path="images/drag_edges_to_nodes.gif" />
</Frame>

## <Icon icon="wrench" /> Make Custom Nodes

Whenever I need to filter, manipulate data or call any external APIs, I hit `Shift + Cmd + G` to create a custom node inline. I just describe what I want that node to do and AI will build it for me.

<Frame>
  <img src="https://mintcdn.com/agenthub/dn7emlKONFx9smnZ/images/custom_node_creation.gif?s=d2906231d8d7c5a82e8b8c1133127b92" alt="Creating custom nodes with Shift + Cmd + G" width="1340" height="720" data-path="images/custom_node_creation.gif" />
</Frame>

## <Icon icon="bell" /> Use Alerts

If your workflow is super critical, you can set up alerts easily so you get emailed whenever there's an error. Ideally there are no errors but you can sleep easy knowing you'll hear about it if any happen.

<Frame>
  <img src="https://mintcdn.com/agenthub/w1F7hfGEH4EChCiL/images/setup_alerts.gif?s=28d0cebbb861b7f63e828ad492749742" alt="Setting up workflow alerts" width="1340" height="716" data-path="images/setup_alerts.gif" />
</Frame>

## Keyboard Shortcuts

Master these keyboard shortcuts to speed up your workflow building process.

### General

| Shortcut               | Action                       |
| ---------------------- | ---------------------------- |
| `Cmd/Ctrl + C`         | Copy selected nodes          |
| `Cmd/Ctrl + V`         | Paste copied nodes           |
| `Cmd/Ctrl + Z`         | Undo last action             |
| `Cmd/Ctrl + Shift + Z` | Redo undone action           |
| `Cmd/Ctrl + S`         | Save current workflow        |
| `Cmd/Ctrl + Shift + S` | Save workflow as new version |
| `Backspace/Delete`     | Delete selected node(s)      |

### Node and Workflow Management

| Shortcut                   | Action                              |
| -------------------------- | ----------------------------------- |
| `Cmd/Ctrl + B`             | Toggle node menu                    |
| `Cmd/Ctrl + Enter`         | Start or stop workflow run          |
| `Cmd/Ctrl + Shift + Enter` | Resume workflow run                 |
| `Cmd/Ctrl + Shift + +`     | Create new workflow or make subflow |

### Navigation

| Shortcut             | Action                        |
| -------------------- | ----------------------------- |
| `Cmd/Ctrl + Alt + [` | Navigate to previous workflow |
| `Cmd/Ctrl + Alt + ]` | Navigate to next workflow     |
| `Cmd/Ctrl + 0`       | Zoom to fit all nodes         |

### AI and Custom Nodes

| Shortcut               | Action                  |
| ---------------------- | ----------------------- |
| `Cmd/Ctrl + G`         | Toggle AI chat (Gummie) |
| `Shift + Cmd/Ctrl + G` | Create custom node      |
