mcpField
V
visual-keywords

visual-keywords

github.com/nweiiデザイン・UI1053 回インストール1 週間前に更新
リポジトリ

visual-keywords について

visual-keywordsは、画像やフォント見本から検索用の簡潔なキーワード列を作るスキルです。ビジュアルとタイポグラフィーに分けた分析項目を備えています。

主な機能

  1. 01画像キーワードの抽出
  2. 02フォントキーワードの抽出
  3. 03スタイルと構図の分析
  4. 04検索向けの簡潔な出力

活用シーン

  1. 01デザイン画像の検索用インデックス作成
  2. 02フォント見本や組版のタグ付け
  3. 03雰囲気やスタイルでの参考画像検索

インストール

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

$npx skills add https://github.com/nweii/agent-stuff --skill visual-keywords

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

詳細

ビジュアルキーワード

提供されたビジュアルコンテンツを分析し、検索しやすいキーワードを密度高く生成します。これは、想起時に画像やメディアをあいまい検索しやすくするためのものであり、代替テキストや文章による説明を目的としたものではありません。種類を指定してください。

  • 美的・画像キーワード — デザイン作品、写真、イラスト、UI スクリーンショット向け
  • フォントキーワード — 書体見本、フォントファミリー、タイポグラフィの例向け

美的・画像キーワード

ビジュアル要素、スタイル、構図、感情的な印象に関するキーワードを分析して抽出します。

分析の枠組み
  • 被写体・モチーフ:主要な要素、オブジェクト、テーマ(ポートレート、風景、幾何学模様など)
  • 雰囲気・形容詞:呼び起こされる感情や美的印象(陽気、陰鬱、優雅、粗削りなど)
  • 媒体・文脈:ビジュアルの種類(写真、イラスト、3D レンダリング、グラフィックデザイン、UI など)
  • スタイル・ジャンル:芸術的な影響、デザインのパラダイム(アール・ヌーヴォー、ブルータリズム、スチームパンクなど)
  • カラーパレット:主な色と配色(パステル、ネオン、アースカラー、モノクロームなど)
  • 構図:レイアウト、遠近法、対称性、視覚的な流れ(クローズアップ、アイソメトリック、ミニマリストなど)
  • 感情的な印象:意図された感情(畏敬、神秘、平穏、郷愁、不安など)
  • 詳細:舞台、技法、質感、照明、時代
出力形式

簡潔で省略を活用したスタイルで、密度の高いキーワード文字列にまとめます。冠詞、前置詞、文法上のつなぎ言葉は省略します。文章や代替テキストのような説明は避けます。あいまい検索での一致率を最大限に高めることに集中してください。画像1点につき約100~150語をコードブロックに記述します。

例:

majestic dragon craggy cliffside wings outspread tail coiled glowing crystal orb fantasy concept art intricate scales spines horns luminous full moon starry night sky deep blues purples orange accents dramatic cinematic composition close-up head distant body background polished painterly aesthetic atmospheric haze lighting effects highly detailed digital illustration awe power magic wonder adventure

フォントキーワード

書体の特徴、スタイルの影響、感情的な印象、用途の文脈を分析し、キーワードを抽出します。

分析の枠組み
  • カテゴリ:主な分類(セリフ、サンセリフ、ディスプレイ、スクリプト、等幅)
  • ウェイト・プロポーション:表示されている範囲(細字から極太、コンデンスからワイド)
  • 特徴的な要素:独特な字形、ストローク、端部、ディテール
  • 類似フォント:参考となる、よく知られた類似書体
  • 雰囲気・個性:呼び起こされる感情、ウェイトによる変化
  • 時代・影響:時代、デザイン運動、文化的伝統
  • 格式・美的印象:全体的な性格(遊び心のある、機械的、有機的、洗練されたなど)
  • 表現的なジャンル:このフォントに合うフィクションや物語の雰囲気(サイバーパンク、ホラー、青春ものなど)
  • ノンフィクションでの用途:学術分野、ジャーナリズムの領域、専門的な文脈
  • 媒体への適性:出版物、製品、デザインプロジェクト(看板、教科書など)
  • 用途と組み合わせ:具体的な使用場面、相性のよいビジュアル表現
出力形式

情報密度の高いキーワード文字列にまとめます。文章や会話的なつなぎ言葉は省略してください。検索性と想起しやすさを重視します。約150~300語をコードブロックに記述します。

例:

hand-brushed sans-serif 2 weights italics energetic uneven strokes ragged edges wobbly baseline similar Architype Van Doesburg Boisterous Inline exuberant spontaneous unfiltered manic raw impulsive intensity graffiti guerrilla postering untamed creative outpouring playful unhinged era influences Futurist anti-art abstract expressionism punk DIY aesthetic genres psychedelic thrillers transgressive fiction introspective autobiographies underground comics beat poetry indie films lo-fi zines edgy fashion progressive activism unmediated transmission thoughts page unapologetic statement identity visceral urgency display sizes electric dynamism smaller sizes pairings xerox-distressed photos low-res bitmaps anarchic collages fluorescent colors brash auteur-driven designs fringe publications experimental music street art youth-oriented brands

ビジュアルコンテンツを提示し、必要なキーワードの種類を指定してください。

コメント