Illos illustrations

Illos スキル

コーディングエージェントがウェブサイトやアプリに追加する、アニメーション付き SVG イラストです。このリポジトリには無料のスキルと Illos MCP サーバーが含まれており、Claude Code、Cursor、Codex、および SKILL.md フォルダーを読み込むあらゆるエージェント向けにパッケージ化されています。

Illos.dev には、4 つのテーマ（Shader、HUD、Isometric、Interface）のアニメーション付きイラストが 158 点あり、それぞれライト版とダーク版が用意されています。65 点は、アカウント登録もクレジット表記も不要で、商用利用できます。

できること

ページのイラストが必要な場所について、エージェントに依頼します。

通知が空の画面にイラストを追加してください。 ホームページの機能セクションに Illos Isometric のイラストを使ってください。

illos-library スキルは、サイト全体で使うテーマを 1 つ選び、各セクションの説明に合ったイラストを見つけて追加します。React プロジェクトでは npx shadcn コマンドを 1 回実行し、それ以外の場合は SVG ファイルとして追加します。

インストール

Claude Code（スキルと MCP サーバー）：

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

skills CLI を使う任意のエージェント（skills.sh）：

npx skills add navedux/illos-skills

Cursor：「Customize」を開き、「From GitHub Repository」を選択して、このリポジトリの URL を貼り付けます。または、skills/illos-library を .cursor/skills/ にコピーします。

**Codex：**プロジェクト内の .agents/skills/ に skills/illos-library をコピーするか、すべてのプロジェクトで使う場合は ~/.agents/skills/ にコピーします。

MCP サーバー単体の場合

https://illos.dev/mcp（Streamable HTTP、サインイン不要）を使うと、任意の MCP クライアントから 3 つのツール（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 スキルはエージェントにテーマのルールを教え、それに合った新しいイラストを描いて、1 点ずつチェックできるようにします。これらのスキルは Illos Pro に付属しています。

ライセンス

スキルとこのリポジトリ内のファイル：MIT。イラスト：illos.dev/license。無料のイラストはクレジット表記不要です。