styles.krnl.studio
Drop a screenshot, pick one of 95 templates, export a video. Device mockups, kinetic type and camera moves, free and open source. Your AI can use it too, through MCP.
First seen 2026-11-05 · Last seen 2026-11-05 · Source: webmcp.com
Answer 9 · Act 32 · Transact 1 · Score: Not yet scored
Tool inspector
styles_update_artboard
Changes an artboard: name, width, height (or format id), duration (ms), fps, background, bgFx {noise, blur, vignette}, camera {zoom, x, y, rotation, rx, ry}, vfx {type, intensity}. Resizing lays the design out again for the new shape (keepLayout false leaves layers where they are).
Page: /app
Input schema
| Property | Type | Required | Description |
|---|---|---|---|
artboardId |
string | no | Artboard id. Defaults to the first artboard. |
format |
string | no | — |
name |
string | no | — |
width |
integer | no | — |
height |
integer | no | — |
duration |
number | no | — |
fps |
integer | no | — |
background |
object | no | Fields/example: describe_schema {domain:"command",name:"update_artboard"}, property background. |
bgFx |
object | no | Fields/example: describe_schema {domain:"command",name:"update_artboard"}, property bgFx. |
backgroundPreset |
string,null | no | — |
camera |
object | no | Fields/example: describe_schema {domain:"command",name:"update_artboard"}, property camera. |
vfx |
object | no | Fields/example: describe_schema {domain:"command",name:"update_artboard"}, property vfx. |
keepLayout |
boolean | no | When resizing, scale layer positions to the new size (default true). |
Raw JSON schema
{
"$schema": "https://json-schema.org/draft/2020-12/schema",
"type": "object",
"properties": {
"artboardId": {
"description": "Artboard id. Defaults to the first artboard.",
"type": "string"
},
"format": {
"type": "string"
},
"name": {
"type": "string"
},
"width": {
"type": "integer",
"minimum": 16,
"maximum": 7680
},
"height": {
"type": "integer",
"minimum": 16,
"maximum": 7680
},
"duration": {
"type": "number",
"minimum": 100,
"maximum": 300000
},
"fps": {
"type": "integer",
"minimum": 1,
"maximum": 120
},
"background": {
"type": "object",
"propertyNames": {
"type": "string"
},
"additionalProperties": {},
"description": "Fields/example: describe_schema {domain:\"command\",name:\"update_artboard\"}, property background."
},
"bgFx": {
"type": "object",
"propertyNames": {
"type": "string"
},
"additionalProperties": {},
"description": "Fields/example: describe_schema {domain:\"command\",name:\"update_artboard\"}, property bgFx."
},
"backgroundPreset": {
"type": [
"string",
"null"
]
},
"camera": {
"type": "object",
"propertyNames": {
"type": "string"
},
"additionalProperties": {},
"description": "Fields/example: describe_schema {domain:\"command\",name:\"update_artboard\"}, property camera."
},
"vfx": {
"type": "object",
"propertyNames": {
"type": "string"
},
"additionalProperties": {},
"description": "Fields/example: describe_schema {domain:\"command\",name:\"update_artboard\"}, property vfx."
},
"keepLayout": {
"description": "When resizing, scale layer positions to the new size (default true).",
"type": "boolean"
}
}
}
Similar websites
wfsim.app
A Warframe calculator that simulates the fight instead of estimating it — builder, simulator, optimizer. Every formula cites its source, and the golden tests ar…
commonplace-webmcp.vercel.app
Commonplace is an editable social reading space built for people and their browser agents.
pixelforge-studio.appcaster.chatgpt.site
A professional browser pixel-art editor for drawing, frame animation, palettes, sprite sheets, GIF export, and WebMCP automation.
pixelite.taskcraft.site
Pixelite