Persona Chat WebMCP tools

Get data

get_theme_overview

Read theme summary, presets, and editable levers. Call before editing.

How to install

Open the persona-chat.dev website and ask your browser agent to use get_theme_overview

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the get_theme_overview tool on persona-chat.dev with verbosity: <string>. Return the structured result and cite the source page.

Input contract

• verbosity string 'full' includes the field-id index.

Open the source definition

Add or update

set_brand_colors

Set primary, secondary, and/or accent colors. Generates shade scales and accepts hex, rgb/rgba, or CSS names.

How to install

Open the persona-chat.dev website and ask your browser agent to use set_brand_colors

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the set_brand_colors tool on persona-chat.dev with primary: <string>, secondary: <string>, accent: <string>. Return the structured result and cite the source page.

Input contract

• primary string Hex, rgb/rgba, or CSS name.
• secondary string Hex, rgb/rgba, or CSS name.
• accent string Hex, rgb/rgba, or CSS name.

Open the source definition

Get data

assign_color_role

Recolor a widget region by role, palette family, and intensity.

How to install

Open the persona-chat.dev website and ask your browser agent to use assign_color_role

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the assign_color_role tool on persona-chat.dev with role: <string>, family: <string>, intensity: <string>. Return the structured result and cite the source page.

Input contract

• role string Role, e.g. header or user-messages.
• family string
• intensity string Default: solid.

Open the source definition

Add or update

set_typography

Set font family, size, weight, and line height.

How to install

Open the persona-chat.dev website and ask your browser agent to use set_typography

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the set_typography tool on persona-chat.dev with fontFamily: <string>, fontSize: <string>, fontWeight: <string,number>, lineHeight: <string,number>. Return the structured result and cite the source page.

Input contract

• fontFamily string
• fontSize string
• fontWeight string,number
• lineHeight string,number

Open the source definition

Add or update

set_roundness

Set roundness by style or granular radius values.

How to install

Open the persona-chat.dev website and ask your browser agent to use set_roundness

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the set_roundness tool on persona-chat.dev with style: <string>, radius: <object>. Return the structured result and cite the source page.

Input contract

• style string
• radius object Granular px or CSS length overrides.

Open the source definition

Get data

set_color_scheme

Set light/dark/auto color scheme and optional edit target.

How to install

Open the persona-chat.dev website and ask your browser agent to use set_color_scheme

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the set_color_scheme tool on persona-chat.dev with scheme: <string>, editTarget: <string>. Return the structured result and cite the source page.

Input contract

• scheme string
• editTarget string

Open the source definition

Get data

apply_preset

Apply a complete built-in preset, replacing theme tokens. Call get_theme_overview to list preset ids.

How to install

Open the persona-chat.dev website and ask your browser agent to use apply_preset

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the apply_preset tool on persona-chat.dev with presetId: <string>. Return the structured result and cite the source page.

Input contract

• presetId string

Open the source definition

Get data

configure_widget

Toggle launcher position, feature flags, and message layout.

How to install

Open the persona-chat.dev website and ask your browser agent to use configure_widget

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the configure_widget tool on persona-chat.dev with launcherPosition: <string>, features: <object>, layout: <object>. Return the structured result and cite the source page.

Input contract

• launcherPosition string
• features object
• layout object

Open the source definition

Add or update

set_copy_and_suggestions

Set welcome copy, input placeholder, send label, and suggestion chips.

How to install

Open the persona-chat.dev website and ask your browser agent to use set_copy_and_suggestions

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the set_copy_and_suggestions tool on persona-chat.dev with title: <string>, subtitle: <string>, placeholder: <string>, sendLabel: <string>, suggestions: <array>. Return the structured result and cite the source page.

Input contract

• title string
• subtitle string
• placeholder string
• sendLabel string
• suggestions array

Open the source definition

Add or update

set_theme_fields

Advanced escape hatch: set fields by id or raw dot-path. Values are validated when metadata exists.

How to install

Open the persona-chat.dev website and ask your browser agent to use set_theme_fields

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the set_theme_fields tool on persona-chat.dev with updates: <array>. Return the structured result and cite the source page.

Input contract

• updates array

Open the source definition

Get data

check_contrast

Run WCAG checks over key text/background pairs.

How to install

Open the persona-chat.dev website and ask your browser agent to use check_contrast

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the check_contrast tool on persona-chat.dev with level: <string>, variant: <string>. Return the structured result and cite the source page.

Input contract

• level string Default: AA.
• variant string Default: both.

Open the source definition

Add or update

manage_session

Undo, redo, reset defaults, or export the theme snapshot.

How to install

Open the persona-chat.dev website and ask your browser agent to use manage_session

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the manage_session tool on persona-chat.dev with action: <string>. Return the structured result and cite the source page.

Input contract

• action string

Open the source definition

Get data

screenshot_preview

Capture the current rendered state of the theme preview as an image: exactly what the user sees. Returns one JPEG per visible preview frame (two when a compare mode is active, labeled e.g. Light/Dark). Call after applying a batch of theme changes to verify the visual result, especially when matching a reference image.

How to install

Open the persona-chat.dev website and ask your browser agent to use screenshot_preview

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the screenshot_preview tool on persona-chat.dev. Return the structured result and cite the source page.

Input contract

Open the source definition

Search & find

search_products

Search the product catalog by free-text query (e.g. 'waterproof trail shoe', 'blue running', 'jacket'). Returns matching products with SKU, title, brand, color, price, imageUrl, and imageAlt.

How to install

Open the persona-chat.dev website and ask your browser agent to use search_products

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the search_products tool on persona-chat.dev with query: <string>. Return the structured result and cite the source page.

Input contract

• query string Free-text search query.

Open the source definition

Search & find

view_product

Look at one product in detail by SKU (from search_products results). Highlights it on the page and returns its full description plus imageUrl/imageAlt. Read-only.

How to install

Open the persona-chat.dev website and ask your browser agent to use view_product

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the view_product tool on persona-chat.dev with sku: <string>. Return the structured result and cite the source page.

Input contract

• sku string

Open the source definition

Search & find

add_to_cart

Add a product to the shopper's cart by SKU (from search_products results). Returns the updated cart so you can confirm the running total.

How to install

Open the persona-chat.dev website and ask your browser agent to use add_to_cart

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the add_to_cart tool on persona-chat.dev with sku: <string>, quantity: <integer>. Return the structured result and cite the source page.

Input contract

• sku string
• quantity integer

Open the source definition

Add or update

remove_from_cart

Remove a product from the cart by SKU, or reduce its quantity. Omit quantity to remove the line entirely. Returns the updated cart.

How to install

Open the persona-chat.dev website and ask your browser agent to use remove_from_cart

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the remove_from_cart tool on persona-chat.dev with sku: <string>, quantity: <integer>. Return the structured result and cite the source page.

Input contract

• sku string
• quantity integer

Open the source definition

Add or update

apply_promo

Apply a promo code to the cart (e.g. TRAIL10, TRAILVIP, SUMMIT20). Returns whether it was accepted and the updated cart with the discount applied.

How to install

Open the persona-chat.dev website and ask your browser agent to use apply_promo

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the apply_promo tool on persona-chat.dev with code: <string>. Return the structured result and cite the source page.

Input contract

• code string

Open the source definition

Get data

get_calendar_state

Read the current calendar state: current local date-time, selected date, visible week, timezone, total event count, visible events, and the valid users (with the userIds create_event accepts). Call this before creating or editing events. All event times are local wall-clock times in the calendar timezone.

How to install

Open the persona-chat.dev website and ask your browser agent to use get_calendar_state

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the get_calendar_state tool on persona-chat.dev. Return the structured result and cite the source page.

Input contract

Open the source definition

Search & find

get_events

List calendar events. Optionally filter by month in YYYY-MM format, userId, or a text search over title/description/location.

How to install

Open the persona-chat.dev website and ask your browser agent to use get_events

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the get_events tool on persona-chat.dev with month: <string>, userId: <string>, search: <string>. Return the structured result and cite the source page.

Input contract

• month string Optional month filter, e.g. 2026-06.
• userId string Optional owner/attendee user ID.
• search string Optional text search.

Open the source definition

Search & find

find_availability

Find open slots on a date, optionally for a single user. Workday is 9am-5pm local time. Returned slot times are local wall-clock times in the calendar timezone.

How to install

Open the persona-chat.dev website and ask your browser agent to use find_availability

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the find_availability tool on persona-chat.dev with date: <string>, durationMinutes: <number>, userId: <string>. Return the structured result and cite the source page.

Input contract

• date string Date to inspect, e.g. 2026-06-10.
• durationMinutes number Desired meeting duration in minutes.
• userId string Optional user ID to check.

Open the source definition

Get data

select_date

Move the calendar UI to a specific date without creating an event.

How to install

Open the persona-chat.dev website and ask your browser agent to use select_date

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the select_date tool on persona-chat.dev with date: <string>. Return the structured result and cite the source page.

Input contract

• date string Date to select, e.g. 2026-06-10.

Open the source definition

Get data

create_event

Create a calendar event and render it on the page. startDate/endDate are LOCAL wall-clock times in the calendar timezone, formatted YYYY-MM-DDTHH:mm: never append "Z" or a UTC offset (any offset is ignored and the stated clock time is used as-is). Use a userId from get_calendar_state.

How to install

Open the persona-chat.dev website and ask your browser agent to use create_event

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the create_event tool on persona-chat.dev with title: <string>, description: <string>, startDate: <string>, endDate: <string>, userId: <string>, color: <string>, location: <string>. Return the structured result and cite the source page.

Input contract

• title string Event title.
• description string Optional event notes.
• startDate string Event start as local wall-clock time, e.g. 2026-06-11T08:00. No "Z" or UTC offset.
• endDate string Event end as local wall-clock time, e.g. 2026-06-11T09:00. No "Z" or UTC offset.
• userId string Owner/attendee user ID from get_calendar_state.
• color string Event color.
• location string Optional location or video link.

Open the source definition

Add or update

update_event

Update an existing event by eventId. Only supplied fields are changed. startDate/endDate are LOCAL wall-clock times (YYYY-MM-DDTHH:mm, no "Z" or UTC offset).

How to install

Open the persona-chat.dev website and ask your browser agent to use update_event

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the update_event tool on persona-chat.dev with eventId: <string>, title: <string>, description: <string>, startDate: <string>, endDate: <string>, userId: <string>, color: <string>, location: <string>. Return the structured result and cite the source page.

Input contract

• eventId string
• title string
• description string
• startDate string Local wall-clock time, e.g. 2026-06-11T08:00. No "Z" or UTC offset.
• endDate string Local wall-clock time, e.g. 2026-06-11T09:00. No "Z" or UTC offset.
• userId string Owner/attendee user ID from get_calendar_state.
• color string
• location string

Open the source definition

Remove

delete_event

Delete an event from the calendar by eventId.

How to install

Open the persona-chat.dev website and ask your browser agent to use delete_event

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the delete_event tool on persona-chat.dev with eventId: <string>. Return the structured result and cite the source page.

Input contract

• eventId string

Open the source definition

Get data

get_deck_overview

Read the deck: title, active theme, slide count, and per-slide {id, position, title, elementCount}. Call this first to orient yourself; positions are 1-based.

How to install

Open the persona-chat.dev website and ask your browser agent to use get_deck_overview

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the get_deck_overview tool on persona-chat.dev. Return the structured result and cite the source page.

Input contract

Open the source definition

Get data

get_slide

Read one slide's full contents: every element with its id, geometry, and style. Call this before editing a slide's elements. Defaults to the slide open in the editor.

How to install

Open the persona-chat.dev website and ask your browser agent to use get_slide

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the get_slide tool on persona-chat.dev with slideId: <string>, position: <number>. Return the structured result and cite the source page.

Input contract

• slideId string Slide id from get_deck_overview.
• position number 1-based slide position (alternative to slideId).

Open the source definition

Get data

get_selection

Read the elements the user currently has selected on the canvas: ids, types, geometry, and styles. Use this whenever the user says 'this', 'these', or refers to something they clicked.

How to install

Open the persona-chat.dev website and ask your browser agent to use get_selection

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the get_selection tool on persona-chat.dev. Return the structured result and cite the source page.

Input contract

Open the source definition

Manage a list

list_themes

List the available deck themes with their palettes and fonts.

How to install

Open the persona-chat.dev website and ask your browser agent to use list_themes

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the list_themes tool on persona-chat.dev. Return the structured result and cite the source page.

Input contract

Open the source definition

Get data

goto_slide

Open a slide in the editor (navigation only: changes nothing).

How to install

Open the persona-chat.dev website and ask your browser agent to use goto_slide

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the goto_slide tool on persona-chat.dev with slideId: <string>, position: <number>. Return the structured result and cite the source page.

Input contract

• slideId string
• position number 1-based slide position.

Open the source definition

Add or update

add_slide

Insert a new slide from a layout. 'title' = centered title + subtitle; 'title-body' = heading + body text; 'two-col' = heading + two text columns (body fills the left, right starts empty); 'blank' = empty. Returns the new slide id and its element ids so you can refine them with update_element.

How to install

Open the persona-chat.dev website and ask your browser agent to use add_slide

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the add_slide tool on persona-chat.dev with layout: <string>, title: <string>, body: <string>, position: <number>. Return the structured result and cite the source page.

Input contract

• layout string
• title string Slide heading text.
• body string Body text. Use \n for line breaks, • for bullets.
• position number 1-based position to insert at; defaults to the end of the deck.

Open the source definition

Get data

duplicate_slide

Copy a slide (and all its elements) right after the original. Returns the new slide id.

How to install

Open the persona-chat.dev website and ask your browser agent to use duplicate_slide

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the duplicate_slide tool on persona-chat.dev with slideId: <string>, position: <number>. Return the structured result and cite the source page.

Input contract

• slideId string
• position number 1-based position of the slide to copy.

Open the source definition

Remove

delete_slide

Permanently remove a slide and all its elements.

How to install

Open the persona-chat.dev website and ask your browser agent to use delete_slide

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the delete_slide tool on persona-chat.dev with slideId: <string>, position: <number>. Return the structured result and cite the source page.

Input contract

• slideId string
• position number 1-based slide position.

Open the source definition

Buy or book

reorder_slides

Move a slide to a new 1-based position. Returns the resulting slide order.

How to install

Open the persona-chat.dev website and ask your browser agent to use reorder_slides

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the reorder_slides tool on persona-chat.dev with slideId: <string>, position: <number>. Return the structured result and cite the source page.

Input contract

• slideId string
• position number 1-based target position.

Open the source definition

Add or update

set_slide_props

Update a slide's title and/or background color.

How to install

Open the persona-chat.dev website and ask your browser agent to use set_slide_props

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the set_slide_props tool on persona-chat.dev with slideId: <string>, position: <number>, title: <string>, background: <string>. Return the structured result and cite the source page.

Input contract

• slideId string
• position number 1-based slide position.
• title string
• background string CSS color (e.g. '#0f172a') or a theme token: 'theme.background', 'theme.surface', 'theme.text', 'theme.accent', 'theme.accentText'. Prefer tokens so the deck restyles when the theme changes.

Open the source definition

Add or update

add_element

Add one element (text box, rectangle, ellipse, line, or image) to a slide. Lines draw from the top-left to the bottom-right corner of their bounding box. Returns the new element id.

How to install

Open the persona-chat.dev website and ask your browser agent to use add_element

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the add_element tool on persona-chat.dev with slideId: <string>, type: <string>, x: <number>, y: <number>, w: <number>, h: <number>, rotation: <number>, z: <number>, text: <string>, fontSize: <number>, fontFamily: <string>, fontWeight: <number>, color: <string>, align: <string>, fill: <string>, stroke: <string>, strokeWidth: <number>, src: <string>. Return the structured result and cite the source page.

Input contract

• slideId string Target slide id; defaults to the slide open in the editor.
• type string
• x number Slide units; the canvas is 960 wide x 540 tall, origin at the top-left.
• y number
• w number
• h number
• rotation number Degrees clockwise.
• z number Stacking order; higher renders on top.
• text string Text elements only. Use \n for line breaks.
• fontSize number
• fontFamily string Font stack, or a theme token: 'theme.heading' / 'theme.body'. Prefer tokens.
• fontWeight number 400 normal, 700 bold.
• color string CSS color (e.g. '#0f172a') or a theme token: 'theme.background', 'theme.surface', 'theme.text', 'theme.accent', 'theme.accentText'. Prefer tokens so the deck restyles when the theme changes.
• align string
• fill string CSS color (e.g. '#0f172a') or a theme token: 'theme.background', 'theme.surface', 'theme.text', 'theme.accent', 'theme.accentText'. Prefer tokens so the deck restyles when the theme changes.
• stroke string CSS color (e.g. '#0f172a') or a theme token: 'theme.background', 'theme.surface', 'theme.text', 'theme.accent', 'theme.accentText'. Prefer tokens so the deck restyles when the theme changes.
• strokeWidth number
• src string Image URL, or 'placeholder' for a styled placeholder block.

Open the source definition

Add or update

update_element

Merge a partial patch into one element: position, size, text, and style in a single call. Omitted keys are unchanged. Returns the updated element.

How to install

Open the persona-chat.dev website and ask your browser agent to use update_element

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the update_element tool on persona-chat.dev with elementId: <string>, patch: <object>. Return the structured result and cite the source page.

Input contract

• elementId string
• patch object Partial element properties to merge; omitted keys are unchanged.

Open the source definition

Remove

delete_elements

Permanently remove one or more elements by id.

How to install

Open the persona-chat.dev website and ask your browser agent to use delete_elements

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the delete_elements tool on persona-chat.dev with elementIds: <array>. Return the structured result and cite the source page.

Input contract

• elementIds array

Open the source definition

Get data

align_elements

Align elements to the slide or to their shared bounding box, and/or space them evenly along an axis (distribute needs 3+ elements; the first/last stay put). Same shape as align_selection. Returns the new positions.

How to install

Open the persona-chat.dev website and ask your browser agent to use align_elements

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the align_elements tool on persona-chat.dev with elementIds: <array>, alignment: <string>, distribute: <string>, relativeTo: <string>. Return the structured result and cite the source page.

Input contract

• elementIds array
• alignment string
• distribute string Space the elements evenly along this axis; needs 3+ elements.
• relativeTo string Default 'slide'. 'selection-bounds' aligns within the group's own bounding box.

Open the source definition

Add or update

set_deck_title

Set the deck's title.

How to install

Open the persona-chat.dev website and ask your browser agent to use set_deck_title

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the set_deck_title tool on persona-chat.dev with title: <string>. Return the structured result and cite the source page.

Input contract

• title string

Open the source definition

Get data

apply_theme

Switch the deck's theme. Every element using theme tokens ('theme.accent', 'theme.heading', …) restyles across ALL slides.

How to install

Open the persona-chat.dev website and ask your browser agent to use apply_theme

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the apply_theme tool on persona-chat.dev with themeId: <string>. Return the structured result and cite the source page.

Input contract

• themeId string A theme id from list_themes.

Open the source definition

Get data

enter_presenter_mode

Enter full-screen presenter mode. NOTE: this replaces your editing tools with presentation controls (next_slide, prev_slide, jump_to_slide, exit_presenter_mode) until the show ends.

How to install

Open the persona-chat.dev website and ask your browser agent to use enter_presenter_mode

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the enter_presenter_mode tool on persona-chat.dev with position: <number>. Return the structured result and cite the source page.

Input contract

• position number 1-based slide to start from; defaults to slide 1.

Open the source definition