Title48/100
Draw Notes Widget
Align the title with the capability actually described by this tool.
Description80/100
Creates custom vector graphics and illustrations from SVG code. Use for freeform drawings, icons, logos, custom shapes, artistic designs, precise geometric patterns, or when user needs pixel-perfect control over visual elements. "draw an image", "create an icon", "design a logo", "make a custom graphic", or needs specific visual styling not suited to standard diagrams. Choose this over Mermaid when the user wants artistic/custom graphics rather than structured diagrams. Supports an optional background object: choose a color (white by default; use black when the user asks for dark mode; yellow also supported) and a pattern (blank, dotted, or squared; defaults to dotted). Use only these literal color names—no aliases or hex codes.
Resolve contradictions between the description, input schema, and annotations.
Inputs72/100
Remove validation rules already expressed in this field’s schema; describe its meaning and usage instead.
title
A short title describing the SVG content.
Remove validation rules already expressed in this field’s schema; describe its meaning and usage instead.
svgCode
SVG code to render. Ensure the generated SVG looks realistic. Ensure no SVG element includes duplicate attributes. Do not add a background color to the SVG unless it is explicitly stated to do so. Unless otherwise specified, when drawing a standard object, list out all components one by one in the objects from background to foreground, and then specify the positions numerically for each component based on its real-world layout. When the user provides an insufficiently detailed description of the drawing, first generate a structured and context-aware description of the objects within the scene. Then, based on this refined description, synthesize an accurate and coherent drawing representation that aligns with the inferred details. Only static shapes, lines, and text are supported. Do not use linearGradient, radialGradient, pattern elements, or CDATA in the SVG. Never use `rotation` in `transform` attribute in the SVG. All color values must be specified as hexadecimal codes (e.g., #RRGGBB). Ensure all tags are properly closed. When you generate SVG, ALWAYS include these namespaces in the root element of SVG: "<svg xmlns="http://www.w3.org/2000/svg" xmlns:gn="http://www.goodnotes.com/gn-svg" />" Escape special characters in text content (<, >, &, ", '). Always include explicit numeric width and height attributes (>= 1) and/or a non-zero viewBox so the SVG has measurable bounds.
Remove validation rules already expressed in this field’s schema; describe its meaning and usage instead.
background › color
Background color. Defaults to white; switch to black when the user explicitly requests dark mode. Use only the literal values white, black, or yellow (no aliases).
Remove validation rules already expressed in this field’s schema; describe its meaning and usage instead.
background › pattern
Background pattern to apply. Defaults to dotted. Allowed values: blank, dotted, squared.
Remove validation rules already expressed in this field’s schema; describe its meaning and usage instead.
Annotations75/100
Declare idempotentHint based on the tool’s actual behavior.
{
"readOnlyHint": true,
"openWorldHint": false,
"destructiveHint": false
}Output schema0/100
No output schema is declared. Add one for structured results so clients can interpret returned fields.
Not declared