About Illos illustrations
Illos provides animated SVG illustrations for websites and apps, along with a skill that helps coding agents choose and add them. The library spans four themes, with light and dark variants; its MCP endpoint offers search and retrieval tools.
Key features
- 01158 animated SVG illustrations
- 02Four themes with light and dark variants
- 03Skill for selecting and adding illustrations
- 0465 illustrations free for commercial use
Use cases
- 01Adding art to an empty notifications screen
- 02Choosing illustrations for homepage sections
MCP support
The hosted MCP server provides `find_illustrations`, `get_illustration`, and `list_themes` tools to MCP clients without sign-in.
Configuration
Remote servers need no local install. Pick your client, then copy the config or install in one click.
https://illos.dev/mcpclaude mcp add --transport http dev-illos-illos https://illos.dev/mcp{"mcpServers":{"dev-illos-illos":{"type":"http","url":"https://illos.dev/mcp"}}}Open in Cursor{"servers":{"dev-illos-illos":{"type":"http","url":"https://illos.dev/mcp"}}}Open in VS Code{"mcpServers":{"dev-illos-illos":{"type":"http","url":"https://illos.dev/mcp"}}}{"mcpServers":{"dev-illos-illos":{"serverUrl":"https://illos.dev/mcp"}}}Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.
https://illos.dev/mcpAuth requiredTools
Details
From the project READMEIllos skills
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):
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.
claude mcp add --transport http illos https://illos.dev/mcp
Cursor (~/.cursor/mcp.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.
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.