实测可用图片、视频和设计开发和代码
SVG Lab
SVG Lab MCP: the Design Engine for AI. App screens, icons, illustrations and charts as SVG.
https://svglab.app/mcp/agentsclaude mcp add --transport http svglab https://svglab.app/mcp/agentsCursor 等客户端的配置
{
"mcpServers": {
"svglab": {
"type": "http",
"url": "https://svglab.app/mcp/agents"
}
}
}要注意
有会改数据的工具:44 个
服务方自己把这些工具标成了会删除或改写数据(destructiveHint),让智能体调用前先问你。
- 测试结果
- 实测可用:握手成功
- 工具
- 90 个工具
- 握手用时
- 1.8 秒
- 传输方式
- streamable-http · 2025-06-18
- 测试时间
- 2026 年 11 月 6 日
- 官方目录名称
app.svglab/svglabv0.1.3- 登记于
- 2026 年 10 月 18 日
- 更新于
- 2026 年 10 月 18 日
最近 1 次测试
| 时间 | 结果 | 用时 |
|---|---|---|
| 2026-11-06 12:11 UTC | 握手成功 | 1.8 秒 |
它列出的 90 个工具
“只读”和“会改数据”是服务方自己标的。带下划线的参数是必填的。
account_status只读Check account access
Report the plan, access, SVG Lab credits left and what actions cost.
add_artboardAdd artboard
Add a screen, slide, page or post (preset sizes it). What a control opens (dropdown, filter, menu) is add_hidden_ui.
widthheightxynamebackgroundshow_backgroundpresettoneadd_hidden_uiAdd hidden UI
Use when a control opens hidden UI: adds a sized, linked dropdown, side, sheet, dialog or state board beside its screen.
screentriggerkindtonameheightadd_textureAdd texture
Add hatch, stipple, facet or strata marks clipped to a shape of a drawing on its "Drawing · <illustration>" board. On a screen the marks are refused as a picture drawn onto it.
shape_idkindanglespacingjitterseedcolorwidthopacitycoverageinknamealign会改数据Align shapes
Align shapes to a shared edge or centre.
shape_idsmodealign_to_artboard会改数据Align to artboard
Position shapes relative to their artboard.
shape_idshorizontalverticalapply_layout_fixes会改数据Apply layout alignment fixes
Move misaligned layout children to their suggested positions.
targetartboardgroupshape_idsmin_font_sizeignore_pairscontainmentbind_slot会改数据Bind artwork to a layout slot
Fit artwork into a layout slot and keep it bound to it.
shape_idslayout_idpathmodeclipdetachboolean_op会改数据Combine shapes
Union, subtract, intersect or exclude shapes into one new path.
opshape_idscheck_contacts只读Check part contacts
Measure whether parts touch what they belong to.
pairsattachmentstoleranceartboarddisplay_widthcheck_contrast只读Check colour contrast
Compute WCAG contrast between two colours.
foregroundbackgroundtargetfont_sizefont_weightclip_shapes会改数据Clip shapes
Clip or mask shapes with another shape.
target_idsclip_idas_maskclip_to_artboard会改数据Clip to artboard
Clip shapes that cross their artboard's frame.
artboardshape_idsinclude_clippedcompare_drawing只读Compare drawing with picked image
Measure your drawing against the picked image: overlay, difference map, pixels off and the shape misses left; candidates score edits before you send them. measure reads the picked image itself (a gridded crop, colour samples, colour runs).
artboardreference_idregionregionscandidatesignoremeasurecreate_iconCreate icon
Draw a built-in monoline icon (docs {components} names them).
iconxysizecolorstroke_widthartboardnamecreate_layoutCreate layout
Build a screen or section from a layout tree; returns boxes, ids and measured warnings. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
verboseartboardxywidthheightrootupload_idcreate_pathCreate path
Draw one path from anchors with optional absolute handles. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
namestyleopacitystyle_refartboardpointsclosedmirrorfill_handlescorner_anglesmoothtensionsubpathsupload_idcreate_shapesCreate shapes in one batch
Draw up to 80 shapes, text, paths and pencil strokes in one call; illustrations are copied from a reference. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
shapesartboardupload_idcurrent_project只读Show current project
Show the current project and its link.
define_styles会改数据Define style presets
Define named style presets. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
stylesupload_iddelete_shapes会改数据Delete shapes
Delete shapes.
shape_idsdescribe_document只读Describe document
Describe the artboards and shapes.
artboardname_containsidslimitoffsetdesign_tokens会改数据Set design tokens
Change the project's design tokens. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
presetresetsetuser_named_fontsimageryupload_iddetach_symbol会改数据Detach symbol instance
Turn one symbol instance into editable shapes.
shape_iddistribute会改数据Distribute shapes
Space three or more shapes evenly.
shape_idsaxisdocs只读Read the reference
SVG Lab's reference: start-here, each tool's full details, design guides and the illustration routine. docs {fonts} lists the type catalog; docs {components} lists the components, icons and layout node types.
tooltoolsguideguideslessonlessonsqueryskillreferencefontscomponentsdraw_svg会改数据Draw SVG drawing
Upload the SVG you wrote by hand of the picked image onto its drawing artboard, with differences: every difference you still see, however small ([] at shape_misses 0). Auto-traced SVG (potrace, vtracer, colour quantising, any script that turns pixels into paths) is refused. With a shell (Claude Code): curl the .svg to the upload link new_project gave and pass upload_id instead of svg, so the user approves a short call.
artboardsvgupload_idnamereference_iddifferencesvariantduplicateDuplicate shapes
Copy shapes in place or at an offset.
shape_idsoffsetedit_path会改数据Edit path
Change a path's anchors and handles in place. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
shape_idcoordinate_spaceartboardsubpath_indexmove_pointsset_handlesinsert_pointdelete_pointset_pointsset_tangentset_tensionclosedsmoothtensionupload_idexport_artboardExport artboard
Export an artboard as SVG, with a preview card and a link to a PNG picture.
artboardoutline_textbackgroundpartexport_idexport_codeExport code
Export screens as code (HTML, React, SwiftUI, Compose, Flutter) or layered SVG, with tokens and assets, as a ZIP link.
formatartboardsfileexport_documentExport the deck or document
The finished deck or document by link: PDF, editable PowerPoint (pptx) or post images.
formatartboardsfile_namefind_references只读Find drawing references
SVG Lab's reference pictures for one planned illustration (illustration, query): Creative Commons first, each with its licence, no stock-agency previews; candidates are for you only.
querystylecountillustrationfit_artboard会改数据Fit artboard to artwork
Fit the active artboard to the artwork on it, plus optional padding.
paddingfit_to_box会改数据Fit shapes into box
Scale and move shapes together into a box; placing an illustration removes its drawing board.
shape_idsxywidthheightmodeartboardfit_to_children会改数据Fit container to content
Resize a container to wrap its children.
container_idchild_idspaddingflip会改数据Flip shapes
Flip shapes horizontally or vertically.
shape_idsaxisgenerate_illustrationDraw with SVG Lab's vector model
Draw a planned illustration with SVG Lab's vector model: editable SVG from a text brief, the faster route (500 credits).
illustrationpromptartboardget_assets只读Get asset files
Get drawings and icons as SVG or PNG files by asset id or artboard; a ZIP link for many.
artboardassetsformatscalesgroup会改数据Group shapes
Group shapes.
shape_idsartboardnameillustration_jobs只读Vector drawing progress
Progress of drawings by SVG Lab's vector model: status, seconds, group_id once placed.
inspect_layout只读Inspect layout
Measure overlap, overflow and alignment; changes nothing.
targetartboardgroupshape_idsmin_font_sizeignore_pairscontainmentinspect_path只读Inspect path
Read a path's anchors, handles and construction issues.
shape_idauditdisplay_widthcornerspreviewsubpath_indexanchor_indicescropmax_sizebackgroundlist_artboards只读List artboards
List the artboards.
list_design_styles只读List style presets
List style presets.
list_layouts只读List layouts
List this project's layouts.
list_projects只读List projects
List the user's projects.
list_shapes只读List shapes
List shapes with ids, boxes and stacking order.
artboardgroupname_containslimitoffsetalllist_symbols只读List symbols
List the symbols.
look只读Look at an artboard
Render an artboard with measured facts, or compare a region with a reference.
artboardartboardsflowbefore_afterregionscalecritiquebriefreference_idreference_regioninspect_shapemake_responsiveShow on other phones
Show a phone screen on other phones and foldables, reflowed, on new artboards.
artboarddevicessizesmake_symbol会改数据Make symbol
Turn shapes into a reusable symbol.
shape_idsnamemeasure_optical_center只读Measure optical centre
Report the optical-centre correction without moving anything.
shape_idscontainer_idaxismeasure_text只读Measure text
Measure how text wraps and renders, without drawing it.
opacitycontentfont_sizefont_familyfont_weightfont_styletext_anchorvertical_anchorletter_spacingline_heightmax_widthmirror会改数据Mirror shapes
Make a mirrored copy, or join a half outline with its reflection.
joinsnapshape_idsaxisatgapartboardmergename_group会改数据Name group
Name a group.
groupnamenew_projectNew project
Start a project: kind "ui" (apps, sites) or "marketing" (decks, pitch decks, posters, ads, posts, flyers, reports).
nameimagerykindfrom_projectplanningnormalize_radii会改数据Match corner radii
Give rectangles one corner radius.
shape_idsradiusnormalize_spacing会改数据Even out spacing
Set one equal gap between shapes.
shape_idsaxisgapoffset_pathOffset path
Draw a new path at a set distance outside or inside a path.
shape_iddistanceopen_projectOpen project
Open a saved project.
project_idoptical_center会改数据Optically centre icon
Move an icon so its visual centre sits on its container's centre.
shape_idscontainer_idaxispause_editorPause the server editor
Save and close the server editor.
pencilDraw pencil stroke
Draw a freehand stroke the way the Pencil tool does. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
namestyleopacitystyle_refartboardpointsclosedwobblewobble_unitsinkupload_idplace_imagePlace image
Place a photograph in a box.
data_urlurlphotoxywidthheightfitcorner_radiusscrimartboardnameplace_symbolPlace symbol
Place an instance of a symbol.
symbol_idnamexyplan_illustrations会改数据Plan illustrations
List the illustrations each screen needs (none, one or several); the reply gives per_screen and the routes for the user to approve.
illustrationsread_screen只读Read screen structure
Read a screen's layout tree, sizing, text, paint, taps, asset ids and tokens, to build it in code.
artboardnodemax_nodesreorder会改数据Change stacking order
Change stacking order.
shape_idsmodereference_idrepeat会改数据Repeat shapes
Copy shapes into a row, grid or circle.
shape_idsmodecountaxisgapcolumnsrow_gapartboardradiuscenter_xcenter_yrotateresize会改数据Resize shapes
Set the exact width or height of shapes.
shape_idswidthheightanchorresolve_overflow会改数据Pull shapes inside frame
Move shapes back inside a frame.
shape_idsartboardcontainer_idpaddingshrinkscatterScatter shapes
Place many seeded copies of one item inside an area.
regioncountitemseedsize_jitterrotation_jittermin_distanceavoid_idsartboardnamesearch_photos只读Search stock photos
Search Unsplash and Pexels for photographs; nothing is placed.
queryorientationsourcelimitpreviewset_active_artboardSwitch active artboard
Make an artboard the active one.
artboardset_artboard会改数据Edit artboard
Resize, move, rename, recolour or delete an artboard; notes holds a slide's speaker notes.
artboardwidthheightxynamebackgroundshow_backgroundnotestonemove_contentdeleteset_filter会改数据Set blur or shadow
Set blur, soft shadows and opacity, or clear them.
shape_idsblurshadowshadowsopacityregionartboardset_gradient会改数据Set gradient fill
Paint fill or stroke with a linear or radial gradient.
shape_idstypestopsanglefocal_xfocal_ytargetunitsspreadcoordinatesdef_idartboardset_locked会改数据Lock or unlock shapes
Lock or unlock shapes.
shape_idslockedset_pattern会改数据Set pattern fill
Fill shapes with a built-in pattern.
shape_idspatterncolorset_reference_imageLoad reference image
Load the find_references picture picked for a planned illustration (or the user's own picture as data_url); the reply shows it. Not in the design.
illustrationcandidatedata_urlnameset_style会改数据Set style
Change fill, stroke, caps, joins, taper or opacity.
shape_idsfillstrokestroke_widthstroke_linecapstroke_linejoinstroke_taperstroke_taper_amountopacityset_text会改数据Edit text
Change text content or typography.
shape_idscontentfont_sizefont_familyfont_weightfont_styleletter_spacingline_heighttext_anchorsmooth_path会改数据Smooth path
Fill missing handles, refit curves, or turn a stroke into ink.
shape_idmodeprotectcornersdisplay_widthsplit_extrematolerancecorner_angletensionsubpath_indexinksnap_to_grid会改数据Snap to grid
Snap shapes to a grid.
shape_idsas_unitgridsizeartboardtext_on_path会改数据Put text on a path
Set a text shape along a path.
text_idpath_idoffsetsideflippedtransform会改数据Move, scale or rotate
Move, scale or rotate shapes.
shape_idsdxdyscalerotateungroup会改数据Ungroup shapes
Break groups into their shapes.
shape_idsupdate_layout会改数据Update layout
Patch or replace a layout made by create_layout. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
layout_idverbosepatchesrootxywidthheightupload_idupload_asset会改数据Upload image or file
Place the user's own image or SVG file.
urldata_urlasset_idasxywidthheightfitcorner_radiusscrimartboardnamepurposeshape_idstile_size
测试只做握手和列出工具,没有调用任何工具。名称和说明是登记的人写的,原样展示,我们没有核实。