Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →zhanghandong/makepad-2.0-vector
CRITICAL:
Passed 22 of 22 test cases with the skill, and 9 of 22 without it.
and 16 more in the full report
13 fixed9 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.
What is the Splash syntax for creating an inline vector rectangle shape with rounded corners and a filled color?
| Checked | Without skill | With skill |
|---|---|---|
| The rectangle is declared using a Rect component with corner radius rx property. | Passed | Passed |
| Dimensions are specified using x, y, width, and height attributes. | Missed | Passed |
The instructions your model reads when the skill loads.
Version: makepad-widgets (dev branch) | Last Updated: 2026-03-03
The Vector widget renders resolution-independent vector graphics using SVG-like syntax. It supports paths, shapes, gradients, filters, groups, transforms, and property animation via Tween.
Two ways to use SVG in Splash:
Vector{} - Define shapes inline in Splash (paths, rects, circles, etc.)Svg{} - Load external .svg files via crate_resource() or http_resource(), with optional animation and custom GPU shadersRefer to the local files for detailed documentation:
./references/vector-reference.md - Complete Vector API, shapes, gradients, filters, animationVector{
width: 48 height: 48
viewbox: vec4(0 0 24 24)
Path{
d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"
fill: false
stroke: #4488ff
stroke_width: 2.0
stroke_linecap: "round"
stroke_linejoin: "round"
}
}
| Property | Description | Example |
|---|
test cases passed, vs 9 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.