Skip to main content

A Guide to the New UI

Navigating the New Taskade Layout

Updated over a month ago

Overview

What Is Taskade Genesis?

Genesis is an AI app builder that generates complete business applications from a single prompt. Just describe what you need, and Genesis will create it for you. Every app is "living software" powered by your Workspace DNA: Projects remember (memory), AI Agents think (intelligence), and Automations act (motion).

πŸ’‘ Note: Want to start building apps? Visit our Genesis Quick Start Guide first.


Meet the new Interface

Along with new capability comes the most significant UI overhaul in Taskade’s history. You'll notice major changes in how you navigate between your spaces.

πŸ“‹ In This Article

  • Overview

  • What Is Taskade Genesis?

  • Meet the new Interface

  • Breadcrumbs

  • AI Modes & Models

  • Thinking Modes

  • Available Models

  • New Starting Point

  • Workspace Settings

  • At a Glance

  • Teams & Folders Are β€œApps”

  • New Workspace Layout

If you're familiar with the previous layout, we’ll walk you through everything that’s changed and help you get comfortable in the new environment.

πŸ’‘ Note: Don’t worry, your existing Teams/Folders/Subspaces are still there. They now appear as tiles beneath the input box, so you can easily access everything in one place while keeping the focus on building with AI.


Breadcrumbs

We’ve introduced breadcrumbs across all screens to make navigation faster and more intuitive. Each breadcrumb represents a level in your navigation history.

Click on any part of the trail to jump directly to that section:

  1. Taskade Logo: Go back to the highest level and view your recent projects.
    ​

  2. Workspace Name: Takes you back to your workspace overview.
    ​

  3. Current Location: Shows the active subspace (like "Marketing Tasks (Week 1)").
    ​

    • When available, each breadcrumb item includes additional options.
      ​

    • For Workspaces and Apps, you’ll see a dropdown for quick switching.
      ​

  4. Space Menu: Return to a high-level overview of your:
    ​

  5. View the active project.


AI Modes & Models

Taskade gives you control over how AI responds across the entire platform β€” in the Genesis prompt box, EVE chat, and AI agent conversations.


Thinking Modes

Each mode is a preset that balances speed, intelligence, and token usage for different types of work. Auto is selected by default and works well for most tasks.

Mode

Best For

Auto

General use. Taskade picks the best model.

Standard

Quick questions and simple generation.

Thinking

Complex analysis, coding, and long-context tasks.

Reasoning

Advanced problem-solving and creative tasks.

Advanced

Choose a specific model directly


Available Models

Taskade Genesis gives you access to top models from OpenAI, Anthropic, and Google. Each model has a different balance of speed, intelligence, and token usage.

πŸ’‘ Note: Higher intelligence models use more credits per interaction. Read our guide to Taskade AI Usage & Credits to learn more.

Model

Provider

Intelligence

Speed

Token Usage

Claude Opus 4.6

Anthropic

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆ

β–ˆβ–ˆβ–‘β–‘β–‘

β–ˆβ–ˆβ–ˆβ–ˆβ–‘

Claude Sonnet 4.6

Anthropic

β–ˆβ–ˆβ–ˆβ–ˆβ–‘

β–ˆβ–ˆβ–ˆβ–‘β–‘

β–ˆβ–ˆβ–ˆβ–‘β–‘

Claude Haiku 4.5

Anthropic

β–ˆβ–ˆβ–ˆβ–‘β–‘

β–ˆβ–ˆβ–ˆβ–ˆβ–‘

β–ˆβ–ˆβ–‘β–‘β–‘

GPT-5.2 Codex (High)

OpenAI

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆ

β–ˆβ–ˆβ–‘β–‘β–‘

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆ

GPT-5.2 High

OpenAI

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆ

β–ˆβ–ˆβ–‘β–‘β–‘

β–ˆβ–ˆβ–ˆβ–ˆβ–‘

GPT-5.2

OpenAI

β–ˆβ–ˆβ–ˆβ–ˆβ–‘

β–ˆβ–ˆβ–ˆβ–‘β–‘

β–ˆβ–ˆβ–ˆβ–‘β–‘

GPT-4.1

OpenAI

β–ˆβ–ˆβ–ˆβ–‘β–‘

β–ˆβ–ˆβ–ˆβ–‘β–‘

β–ˆβ–ˆβ–‘β–‘β–‘

GPT-5 Nano

OpenAI

β–ˆβ–ˆβ–‘β–‘β–‘

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆ

β–ˆβ–‘β–‘β–‘β–‘

Gemini 3.1 Pro (Preview)

Google

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆ

β–ˆβ–ˆβ–‘β–‘β–‘

β–ˆβ–ˆβ–ˆβ–ˆβ–‘

Gemini 3 Pro (Preview)

Google

β–ˆβ–ˆβ–ˆβ–ˆβ–‘

β–ˆβ–ˆβ–ˆβ–‘β–‘

β–ˆβ–ˆβ–ˆβ–‘β–‘

Gemini 3 Flash (Preview)

Google

β–ˆβ–ˆβ–ˆβ–‘β–‘

β–ˆβ–ˆβ–ˆβ–ˆβ–‘

β–ˆβ–ˆβ–‘β–‘β–‘

Gemini 2.5 Flash Lite

Google

β–ˆβ–ˆβ–‘β–‘β–‘

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆ

β–ˆβ–‘β–‘β–‘β–‘


New Starting Point

The main workspace landing page now features the Genesis input field in the center. Simply enter a prompt, and the AI will generate a complete app for you.

The Genesis interface features a few key sections:

  1. Prompt Box: Type what you want to build in plain words.
    ​

  2. Context Upload: Add files that will help AI understand what you want to build.
    ​

  3. Mode Selector: Choose build priority (Apps, Projects, Agents, Automations).
    ​

  4. Model Selector: Choose which AI model to use for generating your app.
    ​

  5. Prompt Library: Access pre-built prompt templates for common app types.
    ​

  6. Default Prompts: Quick-start templates for popular app categories.
    ​

  7. Connect: Build your app around one of 100+ integrations.


Workspace Settings

You can find Workspace Settings by clicking the three dots Β·Β·Β· next workspace name:


At a Glance

Each app in your workspace is displayed as a tile with key information visible at a glance. At the bottom of every app tile you'll find a summary of what's inside:

  • πŸ“„ Number of projects
    ​

  • πŸ€– Number of AI Agents
    ​

  • ⚑ Number of automation workflow

Click the Β·Β·Β· icon on the tile to access quick actions:

  • Open Settings
    ​

  • Share or Publish the app
    ​

  • Duplicate or Move the app
    ​

  • Copy the app link
    ​

  • Open the app in a new tab


Teams & Folders Are β€œApps”

Teams/Folders/Subspaces are now called Apps. Spaces function the same way as before in terms of organization, but there's one key difference: every app you generate now includes a Preview tab that displays the user interface.

πŸ’‘ Note: Read the Hierarchy Structure article to learn more.


New Workspace Layout

Home Space

The Home space of your Workspace is now divided into two parts:


EVE (Assistant Agent)

EVE (Eternal Virtual Evolution) is Taskade's central AI system, the living consciousness that connects Memory, Intelligence, and Action into a unified whole.

EVE allows you to control every area of your Taskade workspace, including:

  • 🧬 Genesis: Build and edit complete apps in minutes.
    ​

  • πŸ“‹ Projects: Create, organize, and manage your work.
    ​

  • πŸ€– AI Agents: Configure custom assistants for your business.
    ​

  • ⚑ Automations: Design workflows that connect tools and services.

πŸ’‘ Note: Read EVE (Taskade Assistant Agent) to learn more.


EVE Chat Modes

EVE adapts to different types of work through specialized chat modes.

How to switch between chat modes:

  • Open the EVE chat in the left sidebar.
    ​

  • You fill find the Mode Selector at the bottom of the chat.
    ​

  • Select the mode that matches your current task.

Mode

Best For

Example Prompts

Genesis AI

Building complete business applications from scratch

"Integrate a customer feedback form with sentiment analysis."

Projects

Task management, content creation, document organization

"Create a marketing campaign project with weekly milestones."

AI Agents

Configuring custom assistants with specific knowledge and tools

"Create a support agent trained on our product documentation."

Workflows

Automating processes across tools and services

"When a form is submitted, send a notification to Slack."


Context Pills

At any point, the EVE's context is shown by a context pill located in the bottom-left corner of the chat β€” this lets you know what the Agent is currently aware of.

Here's how the AI Agent functions in different areas:

  • Projects: The EVE chat works just as before. It can help you generate content, asnwer project-related questions, organize tasks, and assist with planning.

  • Automations: The Agent can now view and edit your automations, and even help debug simple errors when asked.

  • Preview Tab: In the App preview, the Agent can modify your app and connect automations and projects to it. All you need to do is ask it to do so.


Element Selector

The Element Selector allows you to visually edit any component in your app by simply clicking on it. Instead of searching through settings or code, you can point at any button, text block, form field, or section and describe what you want to change.

πŸ’‘ Note: The Element Selector works with natural language. That means you can descirbe what you want in plain words. For example: "Make this button bigger and change the color to blue" or "Move this form to the left side."

How to chooose UI elements:

  • Click the Element Selector icon in the top-right corner of the preview.
    ​

  • Click any element you want to modify (buttons, headers, forms, images, etc.).
    ​

  • Describe your desired change in the chat.

What You Can Change:

  • Styling: Colors, fonts, sizes, spacing, borders
    ​

  • Content: Text, labels, button copy, descriptions
    ​

  • Layout: Position, alignment, visibility
    ​

  • Behavior: Actions, links, form validations


πŸ“š Learn More


🧬 Helpful Links

Did this answer your question?