Illos illustrations

Illos 技能

由编码 Agent 为你的网站或应用添加动画 SVG 插图。本仓库提供免费技能和 Illos MCP 服务，适用于 Claude Code、Cursor、Codex 及任何可读取 SKILL.md 文件夹的 Agent。

Illos.dev 提供 158 个动画插图，涵盖四种主题（Shader、HUD、Isometric 和 Interface），每种主题均有浅色和深色版本。其中 65 个可免费用于商业用途，无需账号，也无需署名。

功能

当页面需要图片时，向你的 Agent 提出需求：

为空的通知页面添加一幅插图。 在首页的功能介绍部分使用 Illos Isometric 插图。

illos-library 技能会为整个网站选定一种主题，找到能说明各部分内容的插图，并将其添加到项目中：在 React 项目中只需运行一条 npx shadcn 命令，其他项目则使用 SVG 文件。

安装

Claude Code（技能和 MCP 服务）：

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

任何 Agent，使用 skills CLI（skills.sh）：

npx skills add navedux/illos-skills

**Cursor：**打开 Customize，选择 From GitHub Repository，然后粘贴此仓库的 URL。或者将 skills/illos-library 复制到 .cursor/skills/。

**Codex：**将 skills/illos-library 复制到项目中的 .agents/skills/，或复制到 ~/.agents/skills/，以供所有项目使用。

单独使用 MCP 服务

https://illos.dev/mcp（Streamable HTTP，无需登录）为任何 MCP 客户端提供三个工具：find_illustrations、get_illustration 和 list_themes。

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

Cursor（~/.cursor/mcp.json）：

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

绘制风格一致的新插图

如果素材库中没有页面所需的插图，Illos Pro 技能会教会你的 Agent 遵循某个主题的规则绘制新插图，并检查每一幅插图。该技能随 Illos Pro 提供。

许可

技能和本仓库中的文件：MIT。插图：illos.dev/license。免费插图无需署名。