Illos illustrations

dev.illosPublished by illos.devOfficial publisherv1.1.0Updated Nov 3, 2026

Find and add animated SVG illustrations for websites and apps: four themes, light and dark, 65 free.

VerifiedStreamable HTTPWeb executable

Overview

Illos illustrations's hosted MCP server (illos.dev), published by illos.dev; optional API key; Streamable HTTP; 3 tools.

No AI overview yet: these facts come from the registry entry and the server itself.

Publisher
illos.dev
Endpoint
illos.dev
Last checked

Installation

In SourceWeft

  1. Open Illos illustrations in the dashboard and add it to a workspace.
  2. Enable the server for the chats that should use its tools.

Web executable via Streamable HTTP. Remote servers run from the web runtime once configured in a workspace.

Use with an agent

Paste this prompt into Claude Code, Codex, Cursor or another agent — or into SourceWeft chat. The agent reads this server's install guide, shows you its publisher, endpoint and sign-in, and adds it to your client once you agree. Keys never go into a command.

Read https://sourceweft.com/mcp/dev.illos%2Fillos/install.md and connect the MCP server it describes to my client. Before changing any config, show me its publisher, endpoint and sign-in method and wait for my OK. Never put an API key in a command or in a file I would commit; ask me where it should come from.

Read the install guide the agent follows

Other MCP clients

Add this to your client's mcpServers config.

{
  "mcpServers": {
    "illos-illustrations": {
      "type": "http",
      "url": "https://illos.dev/mcp"
    }
  }
}

README

Illos skills

[mcptry]

Animated SVG illustrations for your website or app, added by your coding agent. This repo has a free skill and the Illos MCP server, packaged for Claude Code, Cursor, Codex and any agent that reads SKILL.md folders.

Illos.dev has 158 animated illustrations in four themes (Shader, HUD, Isometric and Interface), each in light and dark. 65 are free for commercial use, with no account and no credit.

What it does

Ask your agent for a picture where a page needs one:

Add an illustration to the empty notifications screen. Use Illos Isometric illustrations for the feature sections on the home page.

The illos-library skill picks one theme for the whole site, finds the illustration that explains each section, and adds it: with one npx shadcn command in a React project, or as an SVG file anywhere else.

Install

Claude Code (the skill and the MCP server):

/plugin marketplace add navedux/illos-skills/plugin install illos@illos-dev

Any agent, with the skills CLI (skills.sh):

bash
npx skills add navedux/illos-skills

Cursor: open Customize, From GitHub Repository, and paste this repo's URL. Or copy skills/illos-library into .cursor/skills/.

Codex: copy skills/illos-library into .agents/skills/ in your project, or ~/.agents/skills/ for every project.

The MCP server on its own

https://illos.dev/mcp (Streamable HTTP, no sign-in) gives any MCP client three tools: find_illustrations, get_illustration and list_themes.

bash
claude mcp add --transport http illos https://illos.dev/mcp

Cursor (~/.cursor/mcp.json):

json
{ "mcpServers": { "illos": { "url": "https://illos.dev/mcp" } } }

New illustrations in the same style

When the library doesn't have what a page needs, the Illos Pro skills teach your agent a theme's rules, so it can draw new illustrations that match and check each one. They come with Illos Pro.

Licence

The skill and the files in this repo: MIT. The illustrations: illos.dev/license. Free ones need no credit.

Source: README.md at commit a184d86

Tools

3

find_illustrations

Find illustrations

Find animated SVG illustrations from Illos.dev for a website or app. Use it first, when a hero, feature section, empty state, docs page, onboarding or status screen needs a picture instead of stock art, an emoji or an empty space; describe what the section explains, not keywords. Each match gives its id, theme, size, whether it is free, its page and, for free ones, a one-line install command. Next, call get_illustration with an id to add it; if you already have an id, call get_illustration directly. If the site has no Illos theme yet, call list_themes first.

Parametersneedrequiredlimitthemefree_only

get_illustration

Get an illustration

Get the install details for one Illos illustration by its id. Use it after find_illustrations, once you have picked an id and need to add it; to search, use find_illustrations instead. A free illustration returns the React install command (shadcn), the SVG file's address for anything else, and the licence: free for commercial use, no credit. A Pro illustration returns its page, how to get Illos Pro, and the command for a machine signed in with Pro; it returns its install steps and, with include_svg, its SVG only when this server was connected with an Illos Pro key (Authorization: Bearer).

Parametersidrequiredinclude_svg

list_themes

List themes

List the four Illos themes (Shader, HUD, Isometric, Interface), always in that order, with what each looks like, its page, how many illustrations it has and how many of those are free. Use it before find_illustrations when a site has no Illos theme yet, to pick one theme for the whole site, then pass that theme to find_illustrations.

Takes no parameters.

Version history

2
  1. v1.1.0LatestNov 3, 2026
  2. v1.0.1Nov 3, 2026

Score

100% of the applicable checks met

How complete this listing is, computed from the registry entry, the endpoint and public sources. Not a rating of the server and not a statement that it is safe or working today: reachability is a dated check, and no installs or reviews go into the score.

  • Reached in the last 30 daysRequired25 pts
  • Auth declaredRequired10 pts
  • Tools listedRequired15 pts
  • DescriptionRequired15 pts
  • Logo10 pts
  • Documentation15 pts
  • License10 pts