> ## Documentation Index
> Fetch the complete documentation index at: https://docs.trybloom.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# Create editable SVG illustrations
> Use Bloom's Brand Skill and references to generate editable SVG illustrations with Quiver Arrow 2 through Bloom's API or MCP.
This example starts with [gumroad.com](https://gumroad.com) and ends with three editable SVG illustration concepts: First sale, Small bets, and Sell anywhere.
Bloom held Gumroad's brand, active Brand Skill, and Brand Library references. The connected agent applied that guidance and generated the SVGs with Quiver Arrow 2 through Bloom. Arrow 2 is available through both Bloom's API and MCP; no separate Quiver integration or credentials are needed.
You can download and use the SVGs directly. [Paper](https://paper.design/docs/mcp) is an optional external canvas for arranging and editing them.
## The finished illustrations
All three concepts were generated directly as SVGs from existing Brand Library references. This example did not generate or trace an intermediate raster image.
## Run it with your agent
Connect Bloom to an MCP-compatible agent. If you want to work on a canvas, also connect Paper and open the target file in Paper Desktop.
Give your agent access to the brand, its active Brand Skill, and references.
Arrange and edit the generated SVGs on a canvas.
Give your agent this reusable starting prompt:
```text theme={null}
Create three editable SVG illustrations for [brand website] about
[themes or intended use]. Use Bloom through MCP.
Reuse a matching ready brand, or create one and wait until it is ready. Inspect
the complete active Brand Skill and relevant Brand Library illustration assets.
Choose three simple concepts and explain which references fit each one.
Find Arrow 2 in Bloom's model catalog and inspect its current input schema.
Generate the SVGs through Bloom, including the relevant brand guidance and
selected references in each request. Wait for each generation to finish.
If the brand lacks suitable illustration references, choose an appropriate
alternative from this guide.
Review the results against the Brand Skill, check that they contain vector
geometry with no embedded raster images, and refine visible issues. Return the
SVG files. If Paper is connected, also place the raw SVG markup in the open
file, label the concepts, and check that paths are selectable. Keep source
references separate and preserve existing work in the file.
Do not publish anything externally.
```
For an API integration, [discover Arrow 2 in Bloom's model catalog](/api-reference/models/list-models), inspect its input schema, then [start a generation](/api-reference/generations/start-a-generation) and poll for the SVG result. MCP-connected agents discover and use Bloom's current [model and generation capabilities](/mcp/tools#model-discovery-and-generation). This example used MCP.
Other brands may need a different starting point. If the Brand Library has no
established illustration references, generate a small set of raster concepts
with Bloom, select a direction, and use that image as a reference for SVG
generation. If you already have an approved raster composition you want to
preserve, use [Bloom's
vectorizer](/guides/edit-adapt-images#vectorize-an-image) instead. It is best
suited to logos, icons, and flat illustrations. The Gumroad example used
direct Arrow 2 generation from existing Brand Library references.
## How it worked
The agent created Gumroad's brand from its website, waited until it was
ready, and read the active Brand Skill. The relevant guidance described
heavy black outlines, flat pink, yellow, and teal fills, and simple
dimensional forms.
The agent selected existing Brand Library illustrations from official
Gumroad material, then chose three focused creator-commerce concepts. Those
references supplied concrete examples of the palette, outlines, characters,
and depth described in the Skill.
The agent called Arrow 2 through Bloom with a focused brief, relevant brand
guidance, and selected references. Bloom returned native SVG files that
could be downloaded and used directly.
The agent checked the SVGs for embedded raster images. For this example, it
also inserted the raw SVG markup into Paper, arranged the results beside the
source references, and checked that the paths were selectable. This optional
step needs the SVG geometry, rather than a flattened preview.
This independent example uses Gumroad's public official material. It is not an official Gumroad illustration set.