download dots
Edit Apps Visually with the Element Selector

Edit Apps Visually with the Element Selector

Updated 2026-05-06·4 min read
On this page (8)

Overview

The Element Selector lets you point at any visible piece of your Taskade Genesis app and tell Taskade EVE what to change. Click a button, a card, a table column, even a single line of text. Type a prompt. The right component updates, the rest stays untouched.

TL;DR: Open the Preview of your Taskade Genesis app, click the Select tool, click the element you want to change, and type a prompt. Taskade EVE rewrites that exact component, leaves the rest untouched, and shows the diff in version history.

Turn on Select mode

Visual editing lives one click away from any preview.

  1. Open Preview for the app you are building.
  2. Click the cursor icon labeled Select in the preview toolbar.
  3. Hover any element. A soft outline shows what is selectable.
  4. Click to focus the element. The chat panel switches to its context.
  5. Type a prompt and press enter.

Selecting changes nothing on its own. You only commit when you send the prompt.

What you can change

Almost anything that renders, you can edit by selecting and prompting.

  • Text content, font weight, size, or color
  • Spacing, padding, alignment, or grid columns
  • Swap a component (button to icon, list to table, card to banner)
  • Add or remove fields on a form
  • Change layout direction (stack to row, sidebar to top nav)
  • Attach an action (open a Project, run an automation, open a URL)

If a request needs more context, Taskade EVE pauses and asks. See Ask Questions.

Select multiple elements

Hold Shift and click to bundle elements into one selection. Type one prompt to update them together.

Common bundles:

  • All pricing cards on a landing page (one prompt to restyle them in unison)
  • Every form input in a sign-up flow (set a consistent label style)
  • A row of feature tiles (swap layout from grid to carousel)

Bundling is faster than editing each element one by one and more reliable than describing them in prose.

Edit a Project View embedded in the app

When the selected element is one of the seven Project Views (List, Board, Calendar, Table, Mind Map, Gantt, or Org Chart), the chat panel switches to the view's settings card. Adjust filters, grouping, and sort order in plain English.

Examples:

  • "Show only tasks tagged Q3 on this Board."
  • "Group the Table by owner, then by due date."
  • "On this Gantt, scroll the timeline to start at next Monday."

The change applies to the embedded view only. Other instances of the same Project elsewhere in your workspace stay as you left them.

Undo and history

Every visual edit lands as a versioned change. If a prompt produced something you do not love, open version history and roll back with one click.

You can also branch: revert to an earlier version, try a different direction, and keep both branches for comparison. Cheap exploration is the point.

Tips

A few prompt habits make visual edits land cleanly the first time.

  • Be specific about scope. "Make this card 50 percent wider on desktop only" beats "Make it bigger."
  • Name the outcome, not the implementation. "Make this feel more premium" works fine, Taskade EVE will pick fonts and spacing.
  • For repeated changes across pages, switch off Select mode and use a normal chat prompt. Visual editing is for the local change, conversational editing is for global rules.
  • Use Stop if the run wanders. Re-select and re-prompt with one more sentence of context.