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 分