mcpField
C
cross-domain-seeing

cross-domain-seeing

github.com/dragoon0xデザイン・UI677 回インストール35 週間前に更新
リポジトリ

cross-domain-seeing について

デジタル以外の分野から応用可能な原則を抽出し、画面デザインに生かすスキルです。分野の見た目を模倣せず、根底にある考え方を分析します。

主な機能

  1. 01デジタル以外の分野を観察
  2. 02根底にあるデザイン原則の特定
  3. 03画面デザイン向けの言語に変換
  4. 04建築、ファッション、映画、工業デザイン、音楽を参照

活用シーン

  1. 01アプリ以外から画面デザインの着想を得る
  2. 02空間の配置をレイアウト原則に変換
  3. 03リズムやコントラストをUIデザインに応用

インストール

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

$npx skills add https://github.com/dragoon0x/taste-skills --skill cross-domain-seeing

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

詳細

クロスドメインの観察

画面以外のあらゆるものから、デザイン原則を学びます。

使い方

  • /cross-domain-seeing クロスドメインの観察原則をこの会話に適用します。
  • /cross-domain-seeing <domain> 特定の非デジタル領域からデザイン原則を抽出します。

制約

応用可能な原則
  • 表面的な美的特徴ではなく、その根底にある原則を必ず特定してください
  • 観察結果は、画面に応用できる表現に必ず置き換えてください
  • 「美術館では、統一された素材パレットにアクセントを1つだけ取り入れている」は、「アクセントカラーを1色に絞った控えめな配色」と言い換えられます
  • 「レストランでは、テーブル同士の間隔を広く取っている」は、「ゆとりのある余白が高級感を演出する」と言い換えられます
  • 美的特徴を文字どおり模倣してはいけません。原則を抽出し、応用してください。
参考にする領域
  • 建築:空間の階層、素材の関係、光の方向、密度と開放感
  • ファッション:プロポーション、リズム、質感のコントラスト、抑制、フィット感の役割
  • 映画:ペース配分、焦点、カラーグレーディング、緊張感、デザイン上の判断としてのカット
  • 工業デザイン:形態は機能に従うこと、素材の誠実さ、インターフェースとしての人間工学
  • 音楽:リズム、強弱、デザイン要素としての静寂、緊張と解放
アンチパターン
  • 具体的な原則を示さずに「日本のミニマリズムに着想を得た」と述べる
  • デザイン上の課題と結び付けずに、異分野の参考例を集める
  • 建築用語を、真の分析手段ではなく専門用語として使う

コメント