Getting Started with GU-APE

Design your first system integration in under 10 minutes.

01

Initialize Your Profile

When you first open GU-APE, you'll be prompted to set up a profile. Enter your display name and choose a theme preference (light or dark). This information is stored in a secure cookie.

Initialize Your Profile
02

Explore the Interface

The GU-APE workspace has three main areas: the Node Library (left sidebar), the Canvas (center), and the Define Panel (right sidebar). Spend a moment familiarizing yourself with each.

Explore the Interface
03

Create Your First Design

Click 'New Design' to start fresh. Give your design a meaningful name like 'My First Integration'. Your designs auto-save to cookies as you work.

Create Your First Design
04

Add Nodes to Canvas

Browse the Node Library and drag nodes onto your canvas. Start with a Trigger (like Webhook) and add Action nodes (like Email or HTTP Request). Click any node to configure it.

Add Nodes to Canvas
05

Connect and Configure

Draw connections between node ports by clicking and dragging. Click a node to open the Define Panel where you can set parameters, add conditions, and mock data schemas.

Connect and Configure
06

Validate and Export

Run 'Check System' to validate your architecture for common issues. When ready, export to n8n JSON or deploy directly to your n8n instance.

Validate and Export

Keyboard Shortcuts

Save design
CtrlS
Undo
CtrlZ
Redo
CtrlShiftZ
Delete selected node
Delete
Select all nodes
CtrlA
Pan canvas
Space
Zoom in/out
CtrlScroll
Reset zoom
Ctrl0

Ready to Build?

Jump into the application and start designing.

Launch Application