mcpField
D
design-ranking

design-ranking

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

design-ranking について

design-rankingは、評価基準を定め、理由を添えてデザイン案を順位付けするスキルです。個人の好みと機能上の品質を分け、見た目や流行だけでなく、利用状況と目標に基づく判断を促します。

主な機能

  1. 01デザイン案を明確に順位付け
  2. 02先に評価基準を設定
  3. 03好みと品質を区別
  4. 04ユーザー目標に沿って評価
  5. 05ユーザーへの効果を予測

活用シーン

  1. 01複数の画面案を比較
  2. 02対象ユーザーに合わせてデザインを評価
  3. 03案が目標に適する理由を説明
  4. 04具体的な設計判断の影響を予測

インストール

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

$npx skills add https://github.com/dragoon0x/taste-skills --skill design-ranking

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

詳細

デザインの順位付け

案に順位を付け、その理由を説明します。好みと品質は分けて考えます。

使用方法

  • /design-ranking この会話でデザイン案を比較する際に、順位付けの制約を適用します。

制約

順位付けの構成
  • 必ず案に明確な理由を添えて順位を付けます(1位、2位、3位)。
  • 必ず順位付けの前に評価基準を示します(階層の明確さ、ユーザーのタスクへの適合性、ブランドとの一貫性など)。
  • 「こちらが好み」と「こちらのほうがうまく機能する」を、根拠を示して区別します。
  • 見た目のスタイルだけを基準に順位を付けてはいけません。デザイン上の判断が目標にどれだけ貢献するかに基づいて順位を付けます。
  • 下位の案についても、それぞれの優れた点に触れることが望まれます。
品質と好み
  • 個人的な好みと機能面の品質は必ず分けて考えます。
  • 個人的にはダークテーマが好みでも、特定の用途ではライトテーマのほうが適している場合があります。
  • 順位付けの根拠を示す際は、ユーザーの状況を明記することが望まれます(「初めて利用するユーザー向け」「パワーユーザー向け」「このブランド向け」など)。
  • 流行に合っていることを順位付けに影響させてはいけません。流行していても、この状況には合わない場合があります。
予測に基づく判断
  • 実際のユーザーにとってどの案の成果が高くなりそうかを予測し、その理由を説明することが望まれます。
  • 予測を一般的な印象ではなく、具体的なデザイン上の判断と必ず結び付けます。
  • 「バージョンBは、周囲の要素に対してCTAの視覚的な強さが高いため、エンゲージメントが向上するでしょう」
アンチパターン
  • すべての案を「それぞれ違った良さがある」と評価すること(明確に判断します)。
  • 実行の質をコンセプトの質より優先すること(洗練された悪いアイデアは、依然として悪いアイデアです)。
  • コンテキストへの適合性ではなく、流行を基準に順位を付けること。

コメント