Vector Graphics Pipeline MCP
Provides tools for optimizing SVG vector graphics, including stripping bloated XML, cleaning SVG nodes, and converting paths for cutting, sublimation, and high-performance web graphics. Also supports converting SVG to PNG with sub-pixel antialiasing and generating scalable SVG QR codes.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Vector Graphics Pipeline MCPOptimize this SVG and rasterize it to a 300 DPI PNG with alpha"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Vector Graphics Pipeline MCP
Vector SVG path optimization, sub-pixel PNG rasterization, EXIF scrubbing, and vector QR code generation.
Built specifically for Frontend UI engineers, graphic designers, print-on-demand sellers, and vector asset generation agents.
⚡ Quickstart
Smithery Install
smithery skill add whambammy/vector-graphics-pipeline-mcpClaude Desktop / Cursor (claude_desktop_config.json)
{
"mcpServers": {
"vector-graphics-pipeline-mcp": {
"command": "npx",
"args": ["-y", "@whambammy/vector-graphics-pipeline-mcp"],
"env": {
"PAYMENT_WALLET": "0x9793E7269b3301893318dEa8338576Ba612F39B3",
"BASE_RPC_URL": "https://mainnet.base.org"
}
}
}
}Related MCP server: @warppay402/warppay402-mcp-tools
🛠️ Included Tools
Tool Name | Price (USDC) | Capability |
| $0.02 | Strips bloated XML, cleans SVG nodes, converts paths for direct cutting, sublimation, and high-performance web graphics. |
| $0.015 | Deterministic SVG to PNG rasterizer with crisp sub-pixel antialiasing, custom DPI, and transparent alpha channel preservation. |
| $0.01 | Generates high-precision scalable vector (SVG) QR codes with High error correction (ECC Level H), tailored for Base payment URIs. |
| $0.025 | Serverless WebP image compressor: optimizes alpha channels, strips privacy-invasive EXIF tags, and cuts image weight by 80%. |
🔄 End-to-End Workflow
A designer agent generates an SVG graphic -> optimizes vector paths and cleans nodes for web rendering -> produces high-res crisp PNG previews -> embeds a vector QR code -> compresses the final preview to WebP.
💰 The x402 Base L2 Micropayment Protocol
When an agent invokes a tool without payment, the server responds with a deterministic HTTP 402 Payment Required challenge containing:
Target tool price in USDC
Base Native USDC Contract:
0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913Recipient payout wallet address
Single-use cryptographic nonce
Once broadcasted on Base L2, resubmitting with paymentSignature unlocks deterministic execution.
📄 License
MIT License. Created by Whambammy.
Available Tools
4 toolscompress_image_webpA
Serverless WebP image compressor: optimizes alpha channels, strips privacy-invasive EXIF tags, and cuts image weight by 80%. (0.025 USDC on Base L2)
| Name | Required | Description | Default |
|---|---|---|---|
| payload | Yes | Input parameters or JSON string payload for the tool execution | |
| paymentSignature | No | Base L2 USDC micropayment signature or transaction hash for x402 settlement |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description carries the full disclosure burden and does it well: it discloses the payment requirement (0.025 USDC on Base L2) — critical for the agent to know before invoking — plus the privacy behavior (EXIF stripping) and expected performance (80% weight reduction). It does not state the return format or whether the input image is preserved, but the disclosed traits substantially exceed what the schema alone conveys.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
A single, front-loaded sentence with the core function stated first, followed by concrete outcomes and a parenthetical cost note. No fluff or repetition of the tool name. The parenthetical about cost slightly interrupts the flow but earns its place by disclosing a mandatory payment. Efficient and well-ordered.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Core purpose, cost, and privacy behavior are covered, but with no output schema, the return value format is undocumented — an agent doesn't know if it receives a URL, base64 data, or a file reference. Input format expectations for the payload are also unspecified. For a paid image-processing tool, these gaps are meaningful but not fatal given the strong purpose statement.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 100%, so both parameters (payload and paymentSignature) are documented in the schema. The description adds no parameter-level detail — it doesn't clarify what the payload should contain (encoded image data? a URL?) or the expected format of the payment signature. At full schema coverage, baseline 3 is appropriate; the description neither helps nor hurts parameter understanding.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
States a specific verb (compress) + resource (image to WebP) with three concrete outcomes: alpha channel optimization, EXIF stripping, and 80% weight reduction. This distinguishes it from siblings like resize_image_preserve_aspect (resizing, not compressing) and extract_exif_geolocation (extracts rather than strips EXIF). The purpose is immediately unambiguous.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The purpose implies usage context (compress images to WebP while stripping EXIF), but there is no explicit when-to-use/when-not-to-use guidance and no mention of alternatives. An agent facing siblings like resize_image_preserve_aspect or multimodal_image_exif_redactor gets no routing hints from the description itself, though the function's specificity makes the primary use case inferable.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
convert_svg_to_pngB
Deterministic SVG to PNG rasterizer with crisp sub-pixel antialiasing, custom DPI, and transparent alpha channel preservation. (0.015 USDC on Base L2)
| Name | Required | Description | Default |
|---|---|---|---|
| payload | Yes | Input parameters or JSON string payload for the tool execution | |
| paymentSignature | No | Base L2 USDC micropayment signature or transaction hash for x402 settlement |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the full burden of behavioral disclosure. It mentions determinism, antialiasing, DPI, and alpha preservation, which are useful behavioral traits. However, it omits details like input/output format specifics, error handling, or explicit payment requirements beyond the cost note. It adds some value but lacks comprehensive transparency.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single concise sentence with a parenthetical cost note. It is front-loaded with the core purpose and includes no redundant words. The cost note is informative but not essential to the core function.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
The description does not specify the input format (how SVG and DPI are passed in payload) or the output format (PNG file path or binary). Without an output schema, the agent lacks crucial information to correctly invoke the tool. Also, the payment requirement is only implied by the cost note, not explicitly stated. This is insufficient for a tool with no annotations and no output schema.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100% with descriptions for both payload and paymentSignature. The description adds no parameter-specific details beyond what the schema provides; it does not explain how to structure the payload or what options are available. Baseline of 3 applies due to high schema coverage.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly identifies the tool as an SVG-to-PNG rasterizer with specific features (determinism, antialiasing, DPI, alpha preservation). It distinguishes itself from sibling tools like convert_gltf_to_obj or generate_qr_code_svg by naming the exact conversion format.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
No explicit guidance on when to use this tool versus alternatives. It does not mention alternatives, exclusions, or conditions for use. The description implies usage for SVG to PNG conversion, but this is not stated as a recommendation or contrasted with other conversion tools.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
generate_qr_code_svgA
Generates high-precision scalable vector (SVG) QR codes with High error correction (ECC Level H), tailored for Base payment URIs. (0.01 USDC on Base L2)
| Name | Required | Description | Default |
|---|---|---|---|
| payload | Yes | Input parameters or JSON string payload for the tool execution | |
| paymentSignature | No | Base L2 USDC micropayment signature or transaction hash for x402 settlement |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description must carry the burden of behavioral disclosure. It does mention the output quality (high precision, scalable) and the error correction level (ECC Level H), which are useful. However, it does not disclose whether payment is required, how the paymentSignature parameter is used, or any potential side effects or prerequisites. This is a moderate gap given the lack of annotations.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, dense sentence that front-loads the core purpose and includes the most important details (SVG, QR code, ECC level, payment context). There is no fluff or redundant information; every word earns its place.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool has only two parameters, both fully documented in the schema, and no output schema, the description adequately covers the purpose and key constraints. It does not explicitly explain the role of paymentSignature or the payment flow, but the schema already describes it, and the description's focus on the output and purpose is sufficient for an agent to understand the tool's function.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 100% so the baseline is 3, but the description adds domain-specific meaning to the payload parameter by stating it is for Base payment URIs and specifying the amount (0.01 USDC). This goes beyond the generic schema description and helps the agent understand the payload format.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states a specific verb 'Generates' and a specific resource 'SVG QR codes' with additional technical details (high-precision, scalable, ECC Level H) and a specific use case (Base payment URIs). This makes it easily distinguishable from other SVG or QR-related siblings like convert_svg_to_png or generate_placeholder_svg.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides clear context by specifying it is tailored for Base payment URIs and mentions the exact amount and chain (0.01 USDC on Base L2). It implies when to use this tool but does not explicitly state when not to use it or name alternative tools, so it stops short of a full 5.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
optimize_vector_svgA
Strips bloated XML, cleans SVG nodes, converts paths for direct cutting, sublimation, and high-performance web graphics. (0.02 USDC on Base L2)
| Name | Required | Description | Default |
|---|---|---|---|
| payload | Yes | Input parameters or JSON string payload for the tool execution | |
| paymentSignature | No | Base L2 USDC micropayment signature or transaction hash for x402 settlement |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the behavioral disclosure burden. It explains the core transformations and the cost, which is useful, but it does not describe the output format, whether the operation is purely functional, or how the payment requirement affects execution. Some behavioral context is present, but important details are missing.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is one compact sentence followed by a cost note. It is front-loaded with the core behavior and includes no filler, making it easy to parse and act on.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the lack of an output schema and annotations, the description should clarify what the tool returns after optimizing, e.g., an optimized SVG string. It also mentions a cost but does not state whether paymentSignature is required for execution. These gaps make it slightly incomplete for an agent to call with full confidence.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100%, so the baseline is 3. The description adds meaning by indicating the payload contains SVG content and by specifying the exact cost for the paymentSignature parameter. This helps an agent understand what the parameters are for beyond the generic schema text.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description states specific actions: strips bloated XML, cleans SVG nodes, and converts paths for particular use cases. This clearly identifies the tool as an SVG optimizer and distinguishes it from sibling transformation tools like convert_svg_to_png or generate_svg_sparkline.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description names concrete contexts for use: direct cutting, sublimation, and high-performance web graphics. It does not explicitly mention alternatives or exclusions, but the intended use cases are clear enough for an agent to route requests appropriately.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
4 tool updates
v1.0.0- First observed
compress_image_webp - First observed
convert_svg_to_png - First observed
generate_qr_code_svg - First observed
optimize_vector_svg
TDQS
Scored across 4 tools
Each tool has a distinct action and target format: SVG optimization, SVG-to-PNG rasterization, QR SVG generation, and WebP compression. The two SVG-producing/consuming tools (optimize_vector_svg, generate_qr_code_svg) could be briefly confused, but their verbs make intent clear.
All four names follow a strict verb_object snake_case pattern (optimize_..., convert_..., generate_..., compress_...). Naming is fully predictable and consistent.
Four tools is on the lean side but reasonable for a focused, paid micro-service pipeline. Each tool earns its place, though the surface feels slightly thin for a 'pipeline'.
Core operations are present, but the surface has notable gaps: no raster-to-vector conversion, no resizing/other format conversions (e.g. to PDF), and no batch processing. Also compress_image_webp handles raster images, drifting from the stated vector-graphics scope.
Maintenance
Related MCP Connectors
63 pay-per-call tools for agents: vision, text, data, web, blockchain. USDC on Base via x402.
AI music, video, image, and voice tools callable by agents with USDC payments via x402 on Base.
x402-paid Base agent tools (USDC). 5 deterministic tools. No API keys. No NFT pass.
Image & PDF tools for AI agents: compress, convert, resize, PDF, AI vision, pipeline.
Related MCP Servers
- AlicenseAqualityCmaintenanceProvides AI agents with 10 pay-per-call utility tools (QR generation, DNS lookup, OCR, etc.) using USDC on Base via the x402 protocol, with agent's private key never leaving the agent.1136 npmMIT
- FlicenseNot gradedqualityBmaintenanceEnables AI agents to use pay-per-use web scraping, Base blockchain analytics, and PDF text extraction tools, monetized via x402 USDC micropayments.-
- FlicenseNot gradedqualityBmaintenanceEnables AI agents to call 45 micro-priced utility tools via x402 micropayments on Base, covering search, screenshots, OCR, PDFs, WHOIS, geo-IP, and more without API keys.-
- FlicenseNot gradedqualityBmaintenanceEnables AI agents to discover and invoke x402-monetized computational engines for media geometry, measurements, JSON hygiene, and ComfyUI preflight audits, with USDC settlement on Base Mainnet.-