> For the complete documentation index, see [llms.txt](https://craft-agent.gitbook.io/home/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://craft-agent.gitbook.io/home/getting-started/platform-overview.md).

# Platform Overview

A quick tour of the Craft Agent interface and its key areas.

## Main Areas

### 1. Workflow List

When you first log in, you see your **Workflow List** — all your saved workflows in one place.

* **Create new** — Click "+" to start a new workflow
* **Open existing** — Click any workflow card to open it
* **Delete** — Swipe or use the context menu

### 2. Canvas (Editor)

The canvas is where the magic happens. It's your visual workspace for building AI workflows.

| Element              | Description                                        |
| -------------------- | -------------------------------------------------- |
| **Canvas**           | Infinite scrollable area where you place nodes     |
| **Toolbar**          | Top bar with run controls, undo/redo, and settings |
| **Node Picker**      | Tap/click canvas to add new nodes                  |
| **Connection Lines** | Drag between node ports to create data flow        |
| **Mini Map**         | Quick navigation for large workflows               |

### 3. Settings Dialog

Access via the **⚙️ gear icon** in the top-left. Contains:

| Tab              | What's Inside                                |
| ---------------- | -------------------------------------------- |
| **My Workflows** | Manage all your workflows                    |
| **Community**    | Browse and import shared workflows           |
| **Templates**    | Pre-built workflow templates                 |
| **Integrations** | API key management                           |
| **App**          | Profile, plan, credits, appearance, language |
| **About**        | Support, terms, version info                 |

### 4. Run Panel

Click **▶ Run** to execute your workflow. The run panel shows:

* Real-time output from each node
* Execution progress
* Credit usage
* Error messages (if any)

## Keyboard Shortcuts

| Shortcut             | Action               |
| -------------------- | -------------------- |
| `⌘/Ctrl + Z`         | Undo                 |
| `⌘/Ctrl + Shift + Z` | Redo                 |
| `⌘/Ctrl + S`         | Save                 |
| `Delete/Backspace`   | Remove selected node |
| `Space + Drag`       | Pan the canvas       |
| `Scroll`             | Zoom in/out          |

***

> **Learn more:** Check the [Node Reference](/home/node-reference/overview.md) for details on every node type.