Lumorig MCPサーバーとエージェントスキル
コーディングエージェントからブランドマスコットを作成、アニメーション化、エクスポートできます。新しいマスコットを説明するか、既存のマスコットを持ち込んで、Lottie、アニメーションSVG、透過クリップ、ライブWeb埋め込みとして出荷できます。
このリポジトリには、ホスト型MCPサーバーのセットアップ、エージェントにLumorigの使い方を教えるスキル、そして小さなサンプルが含まれています。サーバーは https://lumorig.com/api/mcp で動作しており、ビルドやホスティングは必要ありません。
インストール
Claude Codeプラグイン（サーバーとスキル）
/plugin marketplace add lumorig/lumorig-mcp
/plugin install lumorig@lumorig
Claude Code（サーバーのみ）
claude mcp add --transport http lumorig https://lumorig.com/api/mcp
その後 /mcp を実行し、lumorig を選択して認証します。ブラウザが一度開きます。
Cursor
// .cursor/mcp.json
{
"mcpServers": {
"lumorig": { "url": "https://lumorig.com/api/mcp" }
}
}
Cursorには「Needs login」と表示されるので、クリックしてアクセスを許可します。
Claude Desktop および claude.ai
設定 → コネクタ → カスタムコネクタを追加 に進み、名前をLumorig、URLを https://lumorig.com/api/mcp に設定します。
スキル単体
npx skills add lumorig/lumorig-mcp
または、skills/lumorig をエージェントのスキルフォルダにコピーします。
APIキーを使用する場合
サーバー、CI、またはブラウザを開けないクライアント向けに、スタジオ でキーを作成します：
claude mcp add --transport http lumorig https://lumorig.com/api/mcp \
--header "Authorization: Bearer lr_sk_…"
エージェントへの依頼例
- 「私の家計簿アプリにフレンドリーなカワウソのマスコットを作成し、空の状態に配置してください。」
- 「この画像URLのマスコットをリギング済みベクターに再構築し、埋め込みコードを教えてください。」
- 「ウェーブをLottieとしてエクスポートしてください。」
- 「聞く、考える、話すを行うチャットボットアバターを作成し、私のチャットイベントに接続してください。」
- 「私たちのWebサイトを読み込み、ブランドに合う3つのマスコットを提案してください。」
ツール
| ツール | 機能 |
|---|---|
create_mascot | 説明からマスコットをデザイン、または既存のマスコット画像を取り込む |
list_mascots, get_mascot | マスコット、その見た目、小道具、パレットを閲覧 |
edit_mascot | プレーンテキストでデザインを変更、または新しい見た目を作成 |
recolor_mascot | パレットの色を即座に変更 |
switch_look | マスコットの見た目の一つを現在のものに設定 |
set_props, add_prop | マスコットが持つ、または着用するアイテムの表示、非表示、描画 |
animate_mascot | プリセットモーションを追加、またはカスタムモーションを説明 |
export_mascot | Lottie、アニメーションSVG、GIF、MP4、WebM、WebP、APNG、スプライトシート、PNG、SVG、ステッカー、ロゴとしてレンダリング |
list_clips, create_clip, set_clip_kind, export_clip | アップロードした正確なアートを保持するモーションクリップ |
get_embed_code | Webコンポーネント、React、Lottie用のコード |
create_canvas | アプリイベントからマスコットを駆動するステートマシン |
create_scene | マスコットをイラストのベクターシーンに配置 |
analyze_website | Webサイトを読み込み、マスコットのコンセプトを提案 |
suggest_animations | キャラクターと製品に合ったモーションアイデア |
wait_for_job, list_jobs | 長時間実行タスクの追跡 |
完全なパラメーターは MCPガイド にあります。
サンプル
examples/web: 公開ギャラリーのマスコットを使ったページ上のライブプレイヤーexamples/react-native: アプリのイベントからエクスポートしたLottieファイルを再生examples/api: REST APIでマスコットを作成
知っておくと良いこと
- Lumorigはホスト型サービスです。作成と編集にはクレジットを使用し、無料プラン で始められます。
- ホスト型サーバーはお使いのマシンのファイルを読み書きできないため、画像URLを受け取り、ダウンロードURLを返します。
- CLI、TypeScript SDK、REST API も用意されています。
サポート
ここでIssueを開くか、[email protected] までメールをお送りください。