persona-chat.dev
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.
First seen 2026-08-17 · Last seen 2026-08-17 · Source: webmcp.com
Answer 10 · Act 29 · Transact 3 · Score: Not yet scored
Tool inspector
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.
Page: /webmcp-slides.html
Input schema
| Property | Type | Required | Description |
|---|---|---|---|
slideId |
string | no | Target slide id; defaults to the slide open in the editor. |
type |
string | yes | — |
x |
number | no | Slide units; the canvas is 960 wide x 540 tall, origin at the top-left. |
y |
number | no | — |
w |
number | no | — |
h |
number | no | — |
rotation |
number | no | Degrees clockwise. |
z |
number | no | Stacking order; higher renders on top. |
text |
string | no | Text elements only. Use \n for line breaks. |
fontSize |
number | no | — |
fontFamily |
string | no | Font stack, or a theme token: 'theme.heading' / 'theme.body'. Prefer tokens. |
fontWeight |
number | no | 400 normal, 700 bold. |
color |
string | no | 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 | no | — |
fill |
string | no | 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 | no | 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 | no | — |
src |
string | no | Image URL, or 'placeholder' for a styled placeholder block. |
Raw JSON schema
{
"type": "object",
"required": [
"type"
],
"properties": {
"slideId": {
"type": "string",
"description": "Target slide id; defaults to the slide open in the editor."
},
"type": {
"type": "string",
"enum": [
"text",
"rect",
"ellipse",
"line",
"image"
]
},
"x": {
"type": "number",
"description": "Slide units; the canvas is 960 wide x 540 tall, origin at the top-left."
},
"y": {
"type": "number"
},
"w": {
"type": "number"
},
"h": {
"type": "number"
},
"rotation": {
"type": "number",
"description": "Degrees clockwise."
},
"z": {
"type": "number",
"description": "Stacking order; higher renders on top."
},
"text": {
"type": "string",
"description": "Text elements only. Use \\n for line breaks."
},
"fontSize": {
"type": "number"
},
"fontFamily": {
"type": "string",
"description": "Font stack, or a theme token: 'theme.heading' / 'theme.body'. Prefer tokens."
},
"fontWeight": {
"type": "number",
"description": "400 normal, 700 bold."
},
"color": {
"type": "string",
"description": "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": {
"type": "string",
"enum": [
"left",
"center",
"right"
]
},
"fill": {
"type": "string",
"description": "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": {
"type": "string",
"description": "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": {
"type": "number"
},
"src": {
"type": "string",
"description": "Image URL, or 'placeholder' for a styled placeholder block."
}
}
}
Similar websites
demos.telerik.com
Explore and test a wide range of Telerik UI for Blazor examples, demos, and sample applications.
bandarra.me
WebMCP-enabled text editor with imperative tools for document I/O, workspace CRUD, on-device translation, and sub-agent (planner / researcher / writer / reviewe…
admintoolkit.io
admintoolkit.io gives admins browser-based DNS, mail authentication, TLS, HTTP, public IP, CIDR, and EDID checks with local parsing and explicit live lookups.
sema.run
Try Sema in the browser — a Lisp with first-class LLM primitives. No install required, runs entirely in WebAssembly.