DeveloperWebMCP verified
Persona is an open-source, themeable AI chat widget you can add to any website in minutes. SSE streaming, agent loops, tool use, and style isolation: zero framework dependencies.
Persona is an open-source, themeable AI chat widget you can add to any website in minutes. SSE streaming, agent loops, tool use, and style isolation: zero framework dependencies. This page documents every listed tool, the action or answer it provides, its installation command, and the input fields an agent should send.
Read theme summary, presets, and editable levers. Call before editing.
Open the persona-chat.dev website and ask your browser agent to use get_theme_overviewInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the get_theme_overview tool on persona-chat.dev with verbosity: <string>. Return the structured result and cite the source page.verbosity string 'full' includes the field-id index.Set primary, secondary, and/or accent colors. Generates shade scales and accepts hex, rgb/rgba, or CSS names.
Open the persona-chat.dev website and ask your browser agent to use set_brand_colorsInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.primary string Hex, rgb/rgba, or CSS name.secondary string Hex, rgb/rgba, or CSS name.accent string Hex, rgb/rgba, or CSS name.Recolor a widget region by role, palette family, and intensity.
Open the persona-chat.dev website and ask your browser agent to use assign_color_roleInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.role string Role, e.g. header or user-messages.family string intensity string Default: solid.Set font family, size, weight, and line height.
Open the persona-chat.dev website and ask your browser agent to use set_typographyInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.fontFamily string fontSize string fontWeight string,number lineHeight string,number Set roundness by style or granular radius values.
Open the persona-chat.dev website and ask your browser agent to use set_roundnessInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the set_roundness tool on persona-chat.dev with style: <string>, radius: <object>. Return the structured result and cite the source page.style string radius object Granular px or CSS length overrides.Set light/dark/auto color scheme and optional edit target.
Open the persona-chat.dev website and ask your browser agent to use set_color_schemeInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the set_color_scheme tool on persona-chat.dev with scheme: <string>, editTarget: <string>. Return the structured result and cite the source page.scheme string editTarget string Apply a complete built-in preset, replacing theme tokens. Call get_theme_overview to list preset ids.
Open the persona-chat.dev website and ask your browser agent to use apply_presetInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the apply_preset tool on persona-chat.dev with presetId: <string>. Return the structured result and cite the source page.presetId string Toggle launcher position, feature flags, and message layout.
Open the persona-chat.dev website and ask your browser agent to use configure_widgetInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.launcherPosition string features object layout object Set welcome copy, input placeholder, send label, and suggestion chips.
Open the persona-chat.dev website and ask your browser agent to use set_copy_and_suggestionsInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.title string subtitle string placeholder string sendLabel string suggestions array Advanced escape hatch: set fields by id or raw dot-path. Values are validated when metadata exists.
Open the persona-chat.dev website and ask your browser agent to use set_theme_fieldsInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the set_theme_fields tool on persona-chat.dev with updates: <array>. Return the structured result and cite the source page.updates array Run WCAG checks over key text/background pairs.
Open the persona-chat.dev website and ask your browser agent to use check_contrastInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the check_contrast tool on persona-chat.dev with level: <string>, variant: <string>. Return the structured result and cite the source page.level string Default: AA.variant string Default: both.Undo, redo, reset defaults, or export the theme snapshot.
Open the persona-chat.dev website and ask your browser agent to use manage_sessionInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the manage_session tool on persona-chat.dev with action: <string>. Return the structured result and cite the source page.action string 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.
Open the persona-chat.dev website and ask your browser agent to use screenshot_previewInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the screenshot_preview tool on persona-chat.dev. Return the structured result and cite the source page.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.
Open the persona-chat.dev website and ask your browser agent to use search_productsInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the search_products tool on persona-chat.dev with query: <string>. Return the structured result and cite the source page.query string Free-text search query.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.
Open the persona-chat.dev website and ask your browser agent to use view_productInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the view_product tool on persona-chat.dev with sku: <string>. Return the structured result and cite the source page.sku string 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.
Open the persona-chat.dev website and ask your browser agent to use add_to_cartInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the add_to_cart tool on persona-chat.dev with sku: <string>, quantity: <integer>. Return the structured result and cite the source page.sku string quantity integer Remove a product from the cart by SKU, or reduce its quantity. Omit quantity to remove the line entirely. Returns the updated cart.
Open the persona-chat.dev website and ask your browser agent to use remove_from_cartInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the remove_from_cart tool on persona-chat.dev with sku: <string>, quantity: <integer>. Return the structured result and cite the source page.sku string quantity integer 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.
Open the persona-chat.dev website and ask your browser agent to use apply_promoInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the apply_promo tool on persona-chat.dev with code: <string>. Return the structured result and cite the source page.code string 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.
Open the persona-chat.dev website and ask your browser agent to use get_calendar_stateInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the get_calendar_state tool on persona-chat.dev. Return the structured result and cite the source page.List calendar events. Optionally filter by month in YYYY-MM format, userId, or a text search over title/description/location.
Open the persona-chat.dev website and ask your browser agent to use get_eventsInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.month string Optional month filter, e.g. 2026-06.userId string Optional owner/attendee user ID.search string Optional text search.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.
Open the persona-chat.dev website and ask your browser agent to use find_availabilityInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.date string Date to inspect, e.g. 2026-06-10.durationMinutes number Desired meeting duration in minutes.userId string Optional user ID to check.Move the calendar UI to a specific date without creating an event.
Open the persona-chat.dev website and ask your browser agent to use select_dateInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the select_date tool on persona-chat.dev with date: <string>. Return the structured result and cite the source page.date string Date to select, e.g. 2026-06-10.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.
Open the persona-chat.dev website and ask your browser agent to use create_eventInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.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.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).
Open the persona-chat.dev website and ask your browser agent to use update_eventInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.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 Delete an event from the calendar by eventId.
Open the persona-chat.dev website and ask your browser agent to use delete_eventInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the delete_event tool on persona-chat.dev with eventId: <string>. Return the structured result and cite the source page.eventId string 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.
Open the persona-chat.dev website and ask your browser agent to use get_deck_overviewInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the get_deck_overview tool on persona-chat.dev. Return the structured result and cite the source page.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.
Open the persona-chat.dev website and ask your browser agent to use get_slideInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the get_slide tool on persona-chat.dev with slideId: <string>, position: <number>. Return the structured result and cite the source page.slideId string Slide id from get_deck_overview.position number 1-based slide position (alternative to slideId).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.
Open the persona-chat.dev website and ask your browser agent to use get_selectionInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the get_selection tool on persona-chat.dev. Return the structured result and cite the source page.List the available deck themes with their palettes and fonts.
Open the persona-chat.dev website and ask your browser agent to use list_themesInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the list_themes tool on persona-chat.dev. Return the structured result and cite the source page.Open a slide in the editor (navigation only: changes nothing).
Open the persona-chat.dev website and ask your browser agent to use goto_slideInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the goto_slide tool on persona-chat.dev with slideId: <string>, position: <number>. Return the structured result and cite the source page.slideId string position number 1-based slide position.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.
Open the persona-chat.dev website and ask your browser agent to use add_slideInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.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.Copy a slide (and all its elements) right after the original. Returns the new slide id.
Open the persona-chat.dev website and ask your browser agent to use duplicate_slideInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the duplicate_slide tool on persona-chat.dev with slideId: <string>, position: <number>. Return the structured result and cite the source page.slideId string position number 1-based position of the slide to copy.Permanently remove a slide and all its elements.
Open the persona-chat.dev website and ask your browser agent to use delete_slideInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the delete_slide tool on persona-chat.dev with slideId: <string>, position: <number>. Return the structured result and cite the source page.slideId string position number 1-based slide position.Move a slide to a new 1-based position. Returns the resulting slide order.
Open the persona-chat.dev website and ask your browser agent to use reorder_slidesInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the reorder_slides tool on persona-chat.dev with slideId: <string>, position: <number>. Return the structured result and cite the source page.slideId string position number 1-based target position.Update a slide's title and/or background color.
Open the persona-chat.dev website and ask your browser agent to use set_slide_propsInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.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.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.
Open the persona-chat.dev website and ask your browser agent to use add_elementInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.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.Merge a partial patch into one element: position, size, text, and style in a single call. Omitted keys are unchanged. Returns the updated element.
Open the persona-chat.dev website and ask your browser agent to use update_elementInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the update_element tool on persona-chat.dev with elementId: <string>, patch: <object>. Return the structured result and cite the source page.elementId string patch object Partial element properties to merge; omitted keys are unchanged.Permanently remove one or more elements by id.
Open the persona-chat.dev website and ask your browser agent to use delete_elementsInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the delete_elements tool on persona-chat.dev with elementIds: <array>. Return the structured result and cite the source page.elementIds array 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.
Open the persona-chat.dev website and ask your browser agent to use align_elementsInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
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.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.Set the deck's title.
Open the persona-chat.dev website and ask your browser agent to use set_deck_titleInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the set_deck_title tool on persona-chat.dev with title: <string>. Return the structured result and cite the source page.title string Switch the deck's theme. Every element using theme tokens ('theme.accent', 'theme.heading', …) restyles across ALL slides.
Open the persona-chat.dev website and ask your browser agent to use apply_themeInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the apply_theme tool on persona-chat.dev with themeId: <string>. Return the structured result and cite the source page.themeId string A theme id from list_themes.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.
Open the persona-chat.dev website and ask your browser agent to use enter_presenter_modeInstall browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.
Use the enter_presenter_mode tool on persona-chat.dev with position: <number>. Return the structured result and cite the source page.position number 1-based slide to start from; defaults to slide 1.