Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
パソコンで動く
Illos illustrations
What it does
Find and add animated SVG illustrations for websites and apps: four themes, light and dark, 65 free.
- Connects クラウドで動く
- Account or key Works without a key · add Authorization if you have one (often raises limits)
- Category デザイン・画像・音声
インストール
使っているAIアプリを選んで、設定をコピーしてください。
チェック 4/4 合格 · 質問内容は提供元のサーバー（illos.dev）を通ります · ✓ コマンド確認済み 2026年11月13日
まず：どの AI を使っていますか？
使っているアプリを選ぶと、下に手順が表示されます。
Claude につなげます · 約 2 分
キー不要、インストール不要 · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー（Owner）が追加
Claude の Connectors ページを開く
CustomizeConnectors
「Add」→「Custom」→「Web」を押し、この 2 つを入力
ここからコピーして Claude の同じ名前の欄に貼り付け、Continue を押します
Name · 名前Illos illustrationsRemote MCP server URL · アドレスhttps://illos.dev/mcpClaude が検出したサインイン設定の画面で Continue を押す · Authentication は作者の説明どおり（Sign in now・Sign in when needed・No sign in）を選び Add を押します
チャットで有効にする
+ConnectorsIllos illustrations
試してみる
Illos illustrations を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が Illos illustrations を使っていると言うか、回答に Illos illustrations のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT との接続はプランしだい
フル MCP：Web 版 ChatGPT の Business・Enterprise・Edu · Pro：読み取り/取得の権限で接続、データを変えるツールは使えないことがあります · Plus：公式ドキュメントで未確認。プラグイン画面にカスタム MCP を追加する項目があれば試せます · Web のみ
Web 版 ChatGPT で MCP の追加ページを開く
Plugins+Add custom MCP server
名前とアドレスを入力
名前を入れ、Connection にアドレスを貼り付け、注意事項にチェックして Create as a plugin を押します
Name · 名前Illos illustrationsConnection · アドレスhttps://illos.dev/mcpチャットで Illos illustrations を選ぶ
新しいチャットを開き、入力前にプラグインの一覧から Illos illustrations を選びます
試してみる
Illos illustrations を使って、私に何ができるか教えて、1 つやってみせて✓ ChatGPT が Illos illustrations を使っていると言うか、回答に Illos illustrations のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に OpenAI のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Claude Code につなげます · 約 2 分
キー不要、インストール不要
ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く
このコマンドを貼り付けて Enter
claude mcp add --transport http --scope user illos https://illos.dev/mcpClaude Code で /mcp と入力
Illos illustrations が一覧にあり、接続済みと表示されれば OK です
試してみる
Illos illustrations を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が Illos illustrations を使っていると言うか、回答に Illos illustrations のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげます · 約 2 分
キー不要、インストール不要
Cursor の AI チャットを Agent モードで開く
試してみる
Illos illustrations を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が Illos illustrations を使っていると言うか、回答に Illos illustrations のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげます · 約 2 分
キー不要、インストール不要
VS Code の AI チャットを Agent モードで開く
試してみる
Illos illustrations を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が Illos illustrations を使っていると言うか、回答に Illos illustrations のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください
Web 経由でつなぐアプリ用のアドレス
アドレス
https://illos.dev/mcpJSON 設定は下の「開発者向け」にあります
開発者向け：ターミナルのコマンドと JSON 設定
Web 経由
Claude Code
claude mcp add --transport http --scope user illos https://illos.dev/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"illos": {
"url": "https://illos.dev/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"illos": {
"type": "http",
"url": "https://illos.dev/mcp"
}
}
}自分で入力する値
- Optional. Your Illos Pro key as "Bearer illos_..." unlocks Pro illustrations; leave it out for the free library.
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
ひと目でわかる
使えるアプリ
このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。
インターネット経由でつなげるアプリ
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
できること
ツールの名前と説明は、サーバーが2026年11月11日に返したそのままの内容です。書いたのは作者で、私たちではありません。プレーンテキストとして表示しています。
find_illustrationsFind 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.
get_illustrationGet 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 anyt
list_themesList 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
基本チェックi
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月13日にチェック
- ✓ 合格
作者とリポジトリが一致
レジストリ名はドメイン illos.dev で確認済みです（レジストリがドメインの所有を確認しています）
- ✓ 合格
今もメンテナンスされている
コードの最終更新：8 日前
- – 対象外
ライセンスがある
対象外：illos.dev の所有者が自ら運営するクラウドのサーバーで、リポジトリのコードを実行しません
- ✓ 合格
エンドポイントが応答する
330ミリ秒で応答（HTTP 200）
- – 対象外
OAuthでサインイン
サインイン不要
- ✓ 合格
ツールの説明に隠れた指示がない
3件のツールの説明を読み、AIへの隠れた指示は見つかりませんでした
話し合い
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
ユーザーレビュー
まだレビューはありません
デザイン・画像・音声のほかのサーバーとの比較i
- このカテゴリのほかの2991件のうち0%よりスターが多い
- このカテゴリのほかの2991件のうち78%より最近レジストリに公開
- 基本チェックの結果が、このカテゴリのほかの2991件のうち100%と同じかそれ以上
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
よくある質問
Illos illustrationsは安全ですか？
当てはまる基本チェック4項目のうち4項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
どんなキーやコードが必要ですか？
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
パソコンで動きますか、それともクラウドですか？
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
今もメンテナンスされていますか？
GitHubリポジトリの最終更新は8 日前、最新バージョン（1.1.0）がレジストリに届いたのは10 日前です。
どのアプリで使えますか？
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URL で接続するので、リモート MCP を受け付けるアプリでも使えます。例：Web 版 ChatGPT（Business 以上はフル MCP、Pro は読み取りのみ）。
代わりに使えるものは？
同じカテゴリには：Figma Context MCP, AutoClip, Next AI Draw.io
同じカテゴリのほかの候補
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方：↓ 週あたりのダウンロードi★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i
Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
パソコンで動く
作者のREADME
READMEを開く
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Illos 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-skillsCursor: 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/mcpCursor (~/.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.