Illos illustrations

dev.illos由 illos.dev 发布官方发布者v1.1.0更新于 Nov 3, 2026

为网站和应用查找并添加动画SVG插图：四种主题，浅色与深色，65款免费。

AI 翻译由 AI 模型根据下方的原文描述翻译，可能有误。

原文描述

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

已验证Streamable HTTP可网页运行

概览

Illos illustrations 的托管 MCP 服务（illos.dev），由 illos.dev 发布；可选 API 密钥；Streamable HTTP；3 个工具。

暂无 AI 概览：以下信息来自注册中心条目和服务本身。

发布者
illos.dev
端点
illos.dev
最近检查

安装

在 SourceWeft 中

  1. 打开 控制台中的 Illos illustrations，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Web executable，通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体，或 SourceWeft 对话中。智能体会读取该服务器的安装指南，先向你展示发布者、端点和登录方式，经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/dev.illos%2Fillos/install.md，并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前，先告诉我它的发布者、端点和登录方式，等我确认。不要把 API 密钥写进命令或我会提交的文件；问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。

{
  "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.

来源：README.md，提交 a184d86

工具

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.

输入参数need必填limitthemefree_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).

输入参数id必填include_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.

无需输入参数。

版本历史

2
  1. v1.1.0最新Nov 3, 2026
  2. v1.0.1Nov 3, 2026

评分

已满足适用检查项的 100%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分