Skip to content

Creating playbook

User starts from empty playbooks list, creates a new playbook via modal with name and LLM description, then configures AI instructions, tools, and integrations in the editor

Preview these flows

Voiceflow logo
My first AI agent screen
My first AI agent screen
My first AI agent screen

User starts from empty playbooks list, creates a new playbook via modal with name and LLM description, then configures AI instructions, tools, and integrations in the editor

Multi-screen form journey configuring a new product name, pricing model, currencies, benefits, metadata, portal visibility, checkout description, images, and custom fields

Magnific logo
Video Generator I Magnific AI screen
Video Generator I Magnific AI screen
Video Generator I Magnific AI screen

User configures AI model, text prompt, reference images, aspect ratio and duration in workspace then triggers generation and reviews output

Multi-step creation flow where user selects server type, location, instance size, OS, SSH keys, billing cycle, and hostnames before account verification and deployment

User accesses AI model catalog settings to manage provider routing, filter models by provider, and review token limits and capabilities across multiple list and table views

User edits category-level monthly budgets from detail drawers, confirms increases, and updates allocations across settings and dashboard views in Origin Financial

Steel logo
Steel | Open-source Headless Browser API screen
Steel | Open-source Headless Browser API screen
Steel | Open-source Headless Browser API screen

User manages avatar, personal details, email addresses, and connected accounts on the profile settings page in Steel

Zaro logo
Zaro - The Context Layer for Enterprise AI screen
Zaro - The Context Layer for Enterprise AI screen
Zaro - The Context Layer for Enterprise AI screen

User browses app directory or list and uses floating AI assistant panel to generate new custom applications via conversation and agent execution

User refines video or podcast recordings in Riverside by editing via transcript and applying AI tools to remove pauses and filler words

Axiom logo
Datasets and Views - Settings - Axiom screen
Datasets and Views - Settings - Axiom screen
Datasets and Views - Settings - Axiom screen

Navigating datasets settings page to monitor storage KPIs, list datasets and views, and configure retention policies

Extend logo

Creating API key

6 screens

·
FromExtend
extend screen
extend screen
extend screen

User opens create API key modal from settings, enters name and selects scope, then views and copies the generated key

Developer simulates a transaction void in Lithic sandbox from transaction detail view using modal form with amount and reversal type

Visitors logo
API keys - nicelydone.com - Visitors screen
API keys - nicelydone.com - Visitors screen
API keys - nicelydone.com - Visitors screen

User starts from empty API keys settings, opens create modal to name the key, views generated key in success modal with copy option, and ends with the key listed in settings.

Explore the full SaaS flow library

Browse the full SaaS flow library.

Trusted by the best teams