# Edit Apps with the Element Selector

> Click any part of your Taskade Genesis app and tell Taskade EVE what to change. The Element Selector turns visual edits into prompts.

- Source: https://www.taskade.com/learn/genesis/visual-editor
- Section: Taskade Genesis
- Updated: 2026-09-02
- Index of all pages: https://www.taskade.com/learn/llms.txt

## 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](https://www.taskade.com/learn/agents/eve-assistant) rewrites that exact component, leaves the rest untouched, and shows the diff in [version history](https://www.taskade.com/learn/genesis/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.

Here is what the preview looks like with **Select** turned on. The toolbar sits at the top, the focused element shows a soft outline, and the chat panel switches to that element's context:

```text
┌────────────────────────────────────────────────────────────────┐
│  Preview          [ ▣ Select ]  [ ⟲ Undo ]  [ ↗ Publish ]      │
├────────────────────────────────────────────────────────────────┤
│                                                                │
│   Pricing                                                      │
│   ┌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┐   │
│   ┊  [ Buy now ]   ← selected, soft outline                ┊   │
│   └╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┘   │
│                                                                │
├────────────────────────────────────────────────────────────────┤
│  Editing: Button "Buy now"                                     │
│  [ Make this pink and a bit wider          ]   [ Send ]        │
└────────────────────────────────────────────────────────────────┘
```

One element is in focus, one prompt updates it, and the rest of the page stays exactly as you left it.

## What you can change

Almost anything that renders, you can edit by selecting and prompting. Pick the element, name the change, and Taskade EVE handles the rest.

| Element type | What you can change | Example prompt |
| --- | --- | --- |
| Text | Wording, weight, size, color | "Make this headline bold and larger" |
| Button | Label, style, width, attached action | "Turn this into a pink Buy button" |
| Form field | Add or remove fields, add a checkbox or yes/no toggle | "Add a checkbox for 'Subscribe to updates'" |
| Layout | Spacing, alignment, columns, stack vs row, sidebar vs top nav | "Put these cards in two columns" |
| Component | Swap one for another (button to icon, list to table, card to banner) | "Turn this list into a table" |
| Action | Attach a behavior (open a Project, run an automation, open a URL) | "Make this button open the booking Project" |

If a request needs more context, Taskade EVE pauses and asks. See [Ask Questions](https://www.taskade.com/learn/genesis/eve-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 an embedded Project View

Select one of the Project Views: List, Board, Table, Mind Map, Docs, Gantt Chart, Calendar, Actionsheet, or Org Chart. The chat panel then shows the settings card for that view. 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](https://www.taskade.com/learn/genesis/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.

Here is the full loop, from clicking an element to rolling a change back:

```mermaid
flowchart LR
    A[Click an element in Preview] --> B[Type a prompt]
    B --> C[Taskade EVE rewrites that component]
    C --> D[Change lands as a saved version]
    D -->|Love it| E[Keep building]
    D -->|Not quite| F[Open version history]
    F -->|Roll back one click| A
    style A fill:#0d1b2a,color:#7dd3fc,stroke:#38bdf8,stroke-width:1.5px
    style B fill:#0d1b2a,color:#7dd3fc,stroke:#38bdf8,stroke-width:1.5px
    style C fill:#2a1225,color:#ff8fa3,stroke:#ff2d60,stroke-width:2px
    style D fill:#0d1a0e,color:#86efac,stroke:#22c55e,stroke-width:1.5px
    style E fill:#0d1a0e,color:#86efac,stroke:#22c55e,stroke-width:1.5px
    style F fill:#1a140a,color:#ffb74d,stroke:#e65100,stroke-width:1.5px
```

Every edit is reversible, so you can try a bold change and undo it in one click if it misses.

## 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.

## Related guides

- [How Taskade EVE Plans, Asks, and Acts](https://www.taskade.com/learn/genesis/eve-reasoning)
- [Taskade EVE Slash Commands](https://www.taskade.com/learn/genesis/eve-commands)
- [App Styles](https://www.taskade.com/learn/genesis/app-styles)
- [Version History](https://www.taskade.com/learn/genesis/version-history)
- [First Prompt](https://www.taskade.com/learn/genesis/first-prompt)