Skip to main content

A Guide to the New UI

Navigating the New Taskade Layout

Updated over a week 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.

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.


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:


App Settings

For Apps, the triple-dot icon ··· appears when you hover over the app tile:


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.


Context Pills

At any point, the TAA'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 TAA 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


🧬 Helpful Links

Did this answer your question?