Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Can Claude generate images?

What Claude produces (text, code, SVG, HTML/CSS), what it does not (photos, raster illustrations), and how to use an image generator with the catalog's resources.

Updated on

No, Claude does not generate images the way an image generator does: no photos, no realistic illustrations. Anthropic's documentation is blunt about it: Claude is an image understanding model, and it analyzes the images you send. What it writes very well is text and code, and some of that code draws.

What Claude can do

Anthropic's help center states that Claude can build diagrams, charts and interactive visuals with HTML and SVG. In a coding agent the principle is the same: it writes a file, you open it.

  • SVG: simple logos, icons, pictograms, diagrams, patterns. The output is vector, light and editable by hand.
  • HTML and CSS: mockups, banners, business cards, social media visuals you can export to PNG from the browser afterwards.
  • Charts in code: line charts and bar charts built from your data with a charting library.
  • Prompts for an image generator: Claude writes, you or a tool runs.
  • Image analysis: it reads a screenshot, a logo or a mockup and turns it into a description or code.

What it does not do

It does not produce raster images (photos, 3D renders, digital paintings) and does not retouch an existing image. For that you need an image generator: a separate service with its own account and terms.

Pick the right route

NeedRouteResult
Icon, simple logo, diagramClaude writes an SVGVector file
Banner, page visualClaude writes HTML and CSSPage to export as an image
Numeric dataClaude writes a chart in codeChart faithful to the data
Photo, illustration, renderClaude writes the prompt, an image generator makes the imageRaster image

Using an image generator

Two ways, your choice.

  1. Prompt copied by hand. Ask Claude for a precise prompt (subject, style, framing, lighting, format), paste it into the generator you prefer, then come back with the result to iterate.
  2. Tool connected through MCP. The Model Context Protocol lets Claude Code use tools beyond its built-in set. If an image generator publishes an MCP server, you can connect it with claude mcp add: the agent then calls the generator and gets the image back. Check the generator's own documentation: its server, account and billing depend on neither Anthropic nor PalateKit. See also the article on skills and MCP.

With the catalog's resources

Example requests

For an SVG:

Draw a magnifying glass icon as an SVG, 64 x 64, 4 px stroke, color #1F2937, transparent background. Save it to public/icons/search.svg.

For an image generator:

Write a prompt for an image generator: product photo of a white ceramic mug on an oak table, side window light, blurred background, 4:5 format. Give a short version and a detailed version.

Always check the SVG in a browser before using it: a drawing described in code is verified by eye, not by reading.

Sources

Frequently asked questions

Can Claude create a photo or an illustration?

No. According to Anthropic's documentation, Claude understands and analyzes images, but it does not generate photos or illustrations the way image generators do.

What visuals can it produce, then?

Code that renders: an SVG file, an HTML and CSS page, a chart, a diagram. You open them in a browser or export them as images.

How do I get a real image with my agent?

Ask Claude to write the prompt, then send it to an image generator. If the generator offers an MCP server, the agent can also call it itself, provided you have connected it.

Was this article helpful?

Report a problem
  • What is an Agent Skill?

    An Agent Skill is a folder with a SKILL.md file that your coding agent loads on demand. The format, where it comes from, which agents read it, and what PalateKit adds around it.

  • Install your first resource

    Pick a PalateKit resource, install it in your coding agent in a minute, then check that the agent uses it.