> For the complete documentation index, see [llms.txt](https://help.usejimo.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.usejimo.com/docs/experiences/agent/knowledge/interface/page-details.md).

# Page details

Open a scanned page to curate what the Agent reads, attach Skills to it, and scope where this knowledge applies.

***

Click any page card in the [Interface list](/docs/experiences/agent/knowledge/interface.md) to open its detail panel. Three tabs:  **Interface**, **Skills**, **Suggestions**, **Details**.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FtUIfHCF2gQz68XC565hZ%2Fimage.png?alt=media&amp;token=f6c0c656-f158-4f09-8056-9fbfc0558c63" alt=""><figcaption></figcaption></figure>

### Interface tab: what the Agent reads

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FonImF54VRxCwcGIGGRD8%2Fimage.png?alt=media&amp;token=6ced6f1f-f345-4a71-83b6-f71aee55028b" alt=""><figcaption></figcaption></figure>

#### Trusted Page

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FAC0d9m2GmvI6z7GSdUWt%2F06_trusted-page-two-worlds.svg?alt=media&amp;token=eee69494-c75e-4860-9bc7-06464a5956f1" alt=""><figcaption></figcaption></figure>

The toggle at the top decides the reading mode:

* **Off**: the Agent reads **only the elements you allow below**. Curated mode.
* **On**: the Agent trusts the whole page and reads it live.

{% hint style="danger" %}
Turning Trusted Page on is equivalent to the **Read all** mode: anything visible on the page, including user data, becomes readable.&#x20;

Keep it off for screens that can display sensitive information, and curate below instead.
{% endhint %}

#### Elements your agent reads

Elements are grouped by category, each with its count: **Navigation**, **Inputs & Forms**, **Controls**, **Data Displays**, **Contents**, **Other**. Expand a category to see its elements. **+ Add elements** reopens the [scan](/docs/experiences/agent/knowledge/interface/scan-a-page.md) to capture more.

#### One element in detail

Clicking an element opens its own sheet:

| Setting                | What it does                                                                                                                                                                                                                                                 |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Readable element**   | The on/off switch. Off excludes the element and any sensitive data it may carry.                                                                                                                                                                             |
| **About this element** | A short description of what the element does, pre-filled by the scan and editable. This is what the Agent relies on to answer.                                                                                                                               |
| **Selector**           | The CSS selector locating the element. **Selector Strictness** is a slider that sets how deep the automatic targeting goes in the CSS nesting: loose matches a broad container, strict pins one exact node. **Manual Select** re-points the element by hand. |

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FzxtycZjCVcV5zXJ3nr1U%2F06-02_element-sheet-readable-about-selector.png?alt=media&amp;token=2f4c8b5d-c7f5-4ef5-bf6c-5dfcbac482b3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Selector Strictness works exactly like the strictness slider used when [positioning an experience](broken://pages/9befa74ce05d04484c99b73402edac04273a83d5) on an element: same logic, applied to what the Agent reads.
{% endhint %}

{% hint style="success" %}
**The description is the knowledge.** "Navigates to application home/dashboard" tells the Agent exactly what to answer when a user asks what the logo does. Rewrite the pre-filled text wherever your product's vocabulary is more precise.
{% endhint %}

### Skills tab: what the Agent can do here

While the page has no Skills yet, the tab asks **What skills do you want to create?** and offers the three types, each with a **+** button.&#x20;

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FLED3vhOnnMriaPYANLt8%2F06-03_skills-tab-three-types.png?alt=media&amp;token=be9ec91b-75f5-4277-872a-502390b1d5f0" alt=""><figcaption></figcaption></figure>

Once Skills exist, it lists the **Enabled Skills** attached to this page, each with its type underneath its name (Explain Skill, Guide Skill, Execute Skill). Click one to open its own panel: its usage statistics, and its settings.&#x20;

You need to be in-app to add skills to an interface.

See [Skills](/docs/experiences/agent/skills.md) and [Create a skill](/docs/experiences/agent/skills/create-a-skill.md).

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2Fe1KKm4EyRQjZoYhrhsbQ%2F06-03_page-panel-skills-tab.png?alt=media&amp;token=60e9c9a9-d45d-4cb2-ba0b-9a17b6a6bb17" alt=""><figcaption></figcaption></figure>

Two actions sit at the bottom of the panel, whichever tab you are on:

| Action          | What it does                                                                                                |
| --------------- | ----------------------------------------------------------------------------------------------------------- |
| **Rescan**      | Runs the scan again on the page, to pick up elements that changed or appeared since.                        |
| **Edit in-app** | Opens the page in your product with the side panel, to curate elements or add a Skill from the real screen. |

#### Suggestions tab: what the Agent proposes here

Suggestions are quick prompts shown as chips above the Launcher when a user is on this page. Instead of a blank bar, the user sees the questions you expect on this screen and asks one in a click.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FAR067Y1V8CUrUGQWBBO7%2Fimage.png?alt=media&amp;token=bdf7311a-2e59-40be-b619-3f874f16cc68" alt=""><figcaption></figcaption></figure>

The tab lists the **Active Suggestions**, **Maximum 4 shown**. Click **+ Add suggestion** to create one. Each suggestion has:

| Setting           | What it does                                                                                                                                                                                                               |
| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Title**         | The text of the chip the user sees above the Launcher, for example "How to change my billing info?". Write it as the user would ask it.                                                                                    |
| **Prompt**        | The message sent to the Agent when the user clicks the chip. Leave it empty and the title is sent as is; fill it to send a richer instruction than the chip shows (e.g. "Create a company based on the customer's email"). |
| **Add attribute** | Inserts a user attribute in the prompt, so the message carries the user's plan, name or any property, the same way as dynamic attributes in a Launch Agent message.                                                        |
| **Add Skill**     | Points the prompt at a specific Skill, so the click runs that Skill rather than a free answer.                                                                                                                             |

Reorder the chips with the drag handle on the left; the order in the list is the order above the Launcher. The bin icon deletes a suggestion, the chevron collapses it.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FpKL4HQrnGAFlRnazBCXM%2Fimage.png?alt=media&amp;token=f6070693-ed6d-4245-b57b-4c5d4e204a70" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Suggestions are page-specific: they show only on pages whose URL rules (Details tab) match, and only when the Launcher is active. A page can have suggestions without Skills, and Skills without suggestions.
{% endhint %}

> **Tip:** start from [Analyze > Conversations](https://i.usejimo.com/agent/analytics/conversations). The three questions users ask most on this screen are your first three suggestions; save the fourth slot for the Skill you most want them to discover.

### Details tab: scope and context

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2F0qpWDCFNhUatqgqTSKZk%2F06-04_details-tab-description-url-rules.png?alt=media&amp;token=a1c731cf-e5e3-49aa-9e7c-a7626542506e" alt=""><figcaption></figcaption></figure>

* **Description for the agent**: a summary of what the page shows and what users do on it. The Agent uses it to decide when this page's knowledge is relevant.
* **URL rules**: the environments and URL patterns where this knowledge applies. Add rules manually (Equals, and the other matching operators) or use **Generate rules**. It relies on the same logic as for targeting experiences via the [Where section](/docs/publish/target-specific-urls-domains-where.md).

**Test agent**, at the bottom of the panel, opens a chat scoped to this page's knowledge, the same logic as [Test Knowledge](/docs/experiences/agent/knowledge.md#test-knowledge).

### Related pages

* [Scan a page](/docs/experiences/agent/knowledge/interface/scan-a-page.md): add or re-capture elements
* [Interface](/docs/experiences/agent/knowledge/interface.md): back to the pages list
* [Skills](/docs/experiences/agent/skills.md): the procedures that run on these elements
* [Launcher](/docs/experiences/agent/launcher.md): where the suggestions of this page are displayed
