download dots
Projects

A Guide to the New UI

Updated 2026-06-05·10 min read

TL;DR: The Taskade UI is organized around a hierarchical sidebar (Workspace → Folder → Project), a top breadcrumb bar, and a view switcher in every project. Everything visible obeys the 7-tier permission model and syncs in real time across web, desktop, and mobile.

Here is the whole workspace at a glance: a slim icon rail on the far left, the Taskade EVE chat panel, the in-space sidebar, and the main work area.

┌───────────────────────────────────────────────────────────────┐
│ Taskade  ›  My Workspace  ›  Launch Plan                      │
├──────────┬─────────────┬────────────────┬─────────────────────┤
│ RAIL     │ TASKADE EVE │ IN-SPACE       │ WORK AREA           │
│ Search   │ Ask Taskade │ › Projects     │ [Workspace|Preview] │
│ Recent   │ the AI chat │ › AI Agents    │                     │
│ Shared   │             │ › Automations  │ List Board Table    │
│ Memory   │ Mode ▾      │ › Integrations │ Mind Map Gantt      │
│          │             │ › Media        │ Calendar Org Chart  │
│ Help     │             │                │ your content        │
│ Settings │             │                │                     │
└──────────┴─────────────┴────────────────┴─────────────────────┘

The Taskade EVE panel runs your AI chat. Its Mode menu switches between Taskade Genesis, Projects, AI Agents, and Workflows.

Overview

What Is Taskade Genesis?

Taskade Genesis is an AI app builder that generates complete business applications from a single prompt. Just describe what you need, and Taskade 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 (execution).

Note: Want to start building apps? Visit our Taskade 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.


Set the View a Workspace Opens To

Pick what you see first every time you open a workspace. By default a workspace opens to your Projects list, while an app opens to its App Preview (the live Workspace App interface). You can flip this for any workspace so it lands on the App Preview instead, which is handy when the running app is what you reach for most.

  1. Click the arrow next to the workspace or app name to open its options, then choose Edit.
  2. On the General tab, find Landing view.
  3. Pick App Preview to open straight to the Workspace App, or Projects to open to the project list.

The choice saves instantly and applies the next time you open that workspace or app. Each workspace and app keeps its own Landing view, so you can mix and match across your space.

Note: Looking for a project you had open recently? Use the Recent list in the left sidebar to jump back to your most recently visited projects.


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:

  1. View the active project.


AI Modes & Models

Taskade gives you control over how AI responds across the entire platform: the Taskade Genesis prompt box, the Taskade 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 15+ frontier models from OpenAI, Anthropic, and Google, plus leading open-weight providers. Each tier strikes a different balance of speed, intelligence, and token usage, so you pick the right one for the task.

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

Model tier Providers Intelligence Speed Token Usage
Frontier reasoning OpenAI · Anthropic · Google 5/5 2/5 4/5
Code-focused OpenAI · Anthropic 5/5 2/5 5/5
Balanced OpenAI · Anthropic · Google 4/5 3/5 3/5
Fast OpenAI · Anthropic · Google 3/5 4/5 2/5
Lightweight OpenAI · Google 2/5 5/5 1/5
Open-weight (via gateway) Qwen · Kimi · DeepSeek 4/5 3/5 2/5

New Starting Point

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

The Taskade 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

The new layout splits every space into a Taskade EVE panel on the left and your work area on the right. The sections below cover each part of that layout, starting with the Home space.

Home Space

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


Taskade EVE (Assistant Agent)

Taskade EVE (Entity of Vision & Execution) is Taskade's central AI system, the living consciousness that connects Memory, Intelligence, and Execution into a unified whole.

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

  • 🧬 Taskade 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 Taskade EVE to learn more.


Taskade EVE Chat Modes

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

How to switch between chat modes:

  • Open the Taskade EVE chat in the left sidebar.
  • You will find the Mode Selector at the bottom of the chat.
  • Select the mode that matches your current task.

Mode Best For Example Prompts
Taskade Genesis 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, Taskade EVE's context is shown by a context pill located in the bottom-left corner of the chat. This lets you know what Taskade EVE is currently aware of.

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

  • Projects: The Taskade EVE chat works just as before. It can help you generate content, answer project-related questions, organize tasks, and assist with planning.
  • Automations: Taskade EVE can now view and edit your automations, and even help debug simple errors when asked.
  • Preview Tab: In the App preview, Taskade EVE can modify your app and connect automations and projects to it. All you need to do is ask.


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



Was this helpful?