mcpField
A
aura-asset-images

aura-asset-images

github.com/mengtoデザイン・UI7.1k1.4k 回インストール3 日前に更新
リポジトリ

aura-asset-images について

Aura の検索可能なアセットライブラリから画像を探し、直接 URL を選ぶためのデザインスキルです。厳選例に加え、解像度やトリミングの指針も含みます。

主な機能

  1. 01タグによるアセット検索
  2. 02画像候補を5点提示
  3. 03高解像度版の利用
  4. 04用途別のトリミング比率
  5. 05厳選画像カテゴリの参照

活用シーン

  1. 01Webサイトの背景画像探し
  2. 02ポートレートや顔写真の選定
  3. 03ヒーロー画像や壁紙の準備

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/mengto/skills --skill aura-asset-images

インストール後、Claude Code で/aura-asset-imagesを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

demo/
index.html
PROMPT.md
source.json

詳細

Aura アセット画像（Unsplash 風）

Aura には、検索可能な大規模アセットライブラリがあります：

Unsplash と同じように使えます。タグで検索し、有力な候補を5つ選んで、画像の直接 URL を返します。

検索方法（手早く）

  1. https://www.aura.build/assets を開きます
  2. 検索ボックスまたは URL クエリを使います：
    • https://www.aura.build/assets?q=<tag>&order=popular
  3. 使いやすいタグ：background、abstract、architecture、portrait、headshot

URL の形式（返す URL）

Aura のサムネイルは、一般に次のような形式です：

https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/<UUID>_800w.jpg
高解像度版（推奨）

多くの画像では、次のように置き換えることで、より大きなサイズのバージョンを利用できます：

  • _800w → _1600w

例：

  • 800w：.../<id>_800w.jpg
  • 1600w：.../<id>_1600w.jpg

_1600w のバージョンが 404 になる場合は、_800w を使い、ユーザーにアセットページを開いてダウンロード／エクスポートするよう案内してください。

比率（トリミングするサイズ）

  • アバター：1:1（正方形）
  • ヘッドショット：4:5 または 3:4
  • Web サイトのヒーロー画像／大きな背景：16:9
  • モバイル壁紙／ストーリー：9:16

トリミングのヒント：

  • 顔の場合は、目が上から約1/3の位置に来るようにし、あごや額が切れないようにします。
  • 背景の場合は、地平線を保ち、テキスト用に30～50%の余白を確保します。

厳選した画像（各5点）

1) 背景（5点）
  1. https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/fa51902b-c2a4-4c33-a96e-a8f1ef67edc6_3840w.jpg
  2. https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/d14dc069-558a-4c51-8aad-5cc237f9b61d_3840w.jpg
  3. https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/75134536-4198-40bf-9944-315511fe8c0b_3840w.jpg
  4. https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/c31dd008-598b-4fc9-b5c7-9c3e1d296d38_3840w.jpg
  5. https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/a4780cd9-2a3d-4bdc-9e5f-85a097b3a8bf_3840w.webp

エクスポートの推奨サイズ：

  • 16:9：1920×1080、2400×1350
  • 9:16：1080×1920
2) 抽象（5点）
  1. ネオンパステルカラーの抽象的なグラデーションの丘
  2. 夕暮れ時の抽象的な青い波
  3. オレンジのハイライトが入った抽象的な青い波
  4. 黒を背景にした抽象的なネオンライトの波
  5. 鮮やかなグラデーション背景に置かれた青いクレジットカード

エクスポートの推奨サイズ：

  • デスクトップ壁紙：2560×1600 または 2880×1800
  • モバイル壁紙：1080×1920
3) 建築（5点）
  1. グレースケールの未来的な分解されたピラミッド
  2. 緑豊かな風景の中に建つ、夕暮れ時のモダンなガラス張りのヴィラ
  3. 星空を背景にしたリング状の未来都市
  4. 霧に包まれたフィヨルドを見渡す、ミニマルなガラス張りのオフィス
  5. モダンなタイニーハウスのアイソメトリック3Dレンダリング

エクスポートの推奨サイズ：

  • Web のヒーロー画像：2400×1350
  • 特徴セクション：1600×900
4）ポートレート（5）
  1. https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/0d868fef-f560-45ca-ab35-5dad4fc29059_3840w.webp
  2. https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/3186f9ea-5f5a-49f7-8fcf-568ad52f515e_3840w.webp
  3. https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/65695f80-23f9-46ee-8487-cbb6c93cc48b_3840w.webp
  4. https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/0d063fd9-f7c1-4536-ade0-9fd133f07279_3840w.webp
  5. https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/582afef4-b810-47b8-a047-8b3597c323e1_3840w.webp

推奨エクスポート：

  • 3:4：1500×2000
  • 4:5：1200×1500
5）顔写真（5）
  1. 笑顔の男性のモノクロポートレート
  2. 自信に満ちた女性のモノクロスタジオポートレート
  3. 淡いブルーのシャツを着た、自信に満ちた男性のポートレート
  4. 印象的な青い目の女性のスタジオポートレート
  5. プロフェッショナルな巻き毛のビジネスマンのポートレート

推奨エクスポート：

  • 4:5：800×1000、1200×1500
  • 1:1 バリアント：512×512（アバターのフォールバック用）

コメント

Markdown 対応