running-design-reviews
デザインレビューや批評を効果的に進めるためのサポートをします。デザインフィードバックの提供、レビュープロセスの構築、デザインの評価に悩んでいる場合、またはチームでのデザイン議論の質を高めたい場合に活用してください。
description の原文を見る
Help users run effective design reviews and critiques. Use when someone is giving design feedback, establishing design review processes, struggling to evaluate designs, or wants to improve how their team discusses design work.
SKILL.md 本文
デザインレビューの運営
8人のプロダクトリーダーからのフレームワークを活用して、ユーザーが効果的なデザインレビューと批評を実施できるように支援します。
サポート方法
ユーザーがデザインレビューの支援を求めるとき:
- レビューのコンテキストを理解する - デザインがどの段階にあり、どのような種類のフィードバックが必要かを質問する
- フィードバックの優先順位を確立する - 価値、次に使いやすさ、次に喜び(Delight)の順で優先順位付けを支援する
- 批評を構造化する - フィードバックを建設的にフレーミングする方法をガイドする
- 品質基準を設定する - 「出荷に十分」とは何かを定義するのを支援する
コアの原則
フィードバックの階層に従う:価値、次に使いやすさ、次に喜び
Julie Zhuo: 「最初に重要なのは、これは実際に価値があるのか、問題を解決しているのかということです。それが確認できたら、次のレイヤーに焦点を当てます。それは使いやすさだと考えています。そして最後に...喜びです。」コアとなる価値提案が検証されるまで、美学に関するフィードバックは無視します。
主要プロジェクトのためにスポンサーを指定する
Karri Saarinen: 「基本的に、私たちがプロジェクトのスポンサーです。したがって、我々は仕事をレビューする責任があります。つまり、ただ会議を開いて、進め方を確認するかもしれません...」 すべての主要プロジェクトにファウンダーまたはシニアリーダーをスポンサーとして指定し、静的なスライドデッキではなくライブデモを通じて品質を監督します。
出荷されるすべての画面をレビューする
Dmitry Zlokazov: 「会社のファウンダーは、出荷されるすべての画面の100%をレビューし、アプリで見るすべてのものはこのレビューを通過します。」 シニアリーダーが出荷前にすべてのユーザー向け画面をレビューすることで高い品質基準を維持します。
特定のフィードバック要求を中心にレビューを構造化する
Geoff Charles: 「ロードマップ上のすべての大きな項目はプロダクトレビュープロセスに持ち込む必要があります...ただし、どのタイプのフィードバックが必要かを具体的に質問する方法で構造化される必要があります。」 リスクの高い決定のみを正式なレビューに持ち込み、プレゼンター者が必要なフィードバックを正確に指定することを要求します。
細部の前に大局を考える
Jessica Hische: 「常に細部の前に大局を考えてください。なぜなら、時々人々は...細部についてたくさんのことを言ってくるのですが、それは彼らが本当に何が気になっているのか知らないからです。」 「全体的に私を悩ませているのは何ですか?」を特定の要素についてコメントする前に聞きます。
ぼかしたビジョンを使ってまとまりを見る
Jessica Hische: 「『ぼかした目』を使ってブランドの全体的なまとまりを見てください。個々のピクセルに焦点を当てるのではなく。」 詳細から一歩引いて、全体的なデザインがまとまっているかどうかを評価します。
ユーザーをサポートする質問
- 「このレビューで具体的にどのようなタイプのフィードバックが必要ですか?」
- 「コアとなる価値提案は明確ですか? これは正しい問題を解決していますか?」
- 「詳細について議論する前に - これを初めて見たときの全体的な感覚はどうですか?」
- 「このデザインで最もリスクが高い要素で、最も精査が必要なものは何ですか?」
- 「これを出荷不可にするのは何ですか? その線に近いですか?」
- 「ユーザーがこれを3秒間見た場合、彼らは何を理解するでしょうか?」
指摘すべき一般的な間違い
- 階層のないフィードバック - 美学的な意見をコア価値の懸念と混ぜる
- 静的レビュー - インタラクティブデモではなくスライドデッキをレビューする
- 非構造化フィードバック要求 - 必要なフィードバックのタイプを指定しない
- 詳細へのスキップ - コンセプトを検証する前にピクセルを批評する
- 品質基準がない - シニアレビューや明確な基準なしで出荷する
Deep Dive
8人のゲストからのすべての10のインサイトについては、references/guest-insights.mdを参照してください。
関連スキル
- product-taste-intuition
- running-effective-meetings
- scoping-cutting
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- refoundai
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/refoundai/lenny-skills / ライセンス: MIT
関連スキル
nano-banana-2
inference.sh CLIを通じてGoogle Gemini 3.1 Flash Image Preview(Nano Banana 2)で画像を生成します。テキストから画像を生成する機能、画像編集、最大14枚の複数画像入力、Google Searchグラウンディング機能に対応しています。トリガーワード:「nano banana 2」「nanobanana 2」「gemini 3.1 flash image」「gemini 3 1 flash image preview」「google image generation」
octocode-slides
洗練されたマルチファイル形式のHTMLプレゼンテーションを生成します。6段階のフロー(概要 → リサーチ → アウトライン → デザイン → 実装 → レビュー)で構成されています。各スライドは独立したHTMLファイルとなり、iframeで読み込まれます。「スライドを作成してほしい」「プレゼンテーションを作ってほしい」「HTMLスライドを生成してほしい」「デックを構築してほしい」といった依頼や、ノート・ドキュメント・コードを洗練されたプレゼンテーションに変換する際に使用できます。
gpt-image2-ppt
OpenAIのgpt-image-2を使用して、視覚的に優れたPPTスライドを生成します。Spatial Glass、Tech Blue、Editorial Monoなど10種類のキュレーション済みスタイルに対応し、ユーザーが提供したPPTXファイルを模倣するテンプレートクローンモードも搭載しています。HTMLビューアと16:9形式のPPTXファイルを出力します。プレゼンテーション、スライド、ピッチデック、投資家向けPPT、雑誌風PPTの作成依頼などで活用してください。
nano-banana
Nano Banana PRO(Gemini 3 Pro Image)およびNano Banana(Gemini 2.5 Flash Image)を使用したAI画像生成機能です。以下の場合に活用できます:(1)テキストプロンプトからの画像生成、(2)既存画像の編集、(3)インフォグラフィックス、ロゴ、商品写真、ステッカーなどのプロフェッショナルなビジュアルアセット制作、(4)複数画像での人物キャラクターの一貫性保持、(5)正確なテキスト描画を含む画像生成、(6)AI生成ビジュアルが必要なあらゆるタスク。「画像を生成」「画像を作成」「写真を作る」「ロゴをデザイン」「インフォグラフィックスを作成」「AI画像」「nano banana」またはその他の画像生成リクエストをトリガーとして機能します。
oiloil-ui-ux-guide
モダンでクリーンなUI/UXガイダンス・レビュースキルです。新機能や既存システム(Webアプリ)に対して、実行可能なUI/UX改善提案、デザイン原則、デザインレビューチェックリストが必要な場合に活用できます。CRAP(コントラスト・反復・配置・近接)をベースに、タスクファーストなUX、情報設計、フィードバック・システムステータス、一貫性、affordances、エラー防止・復旧、認知負荷を重視します。モダンミニマルスタイル(クリーン・余白・タイポグラフィ主導)を強制し、不要なテキストを削減、アイコンとしての絵文字を禁止し、統一されたアイコンセットから直感的で洗練されたアイコンを推奨します。
axiom-hig-ref
Apple Human Interface Guidelines リファレンス — 色(セマンティックカラー、カスタムカラー、パターン)、背景(マテリアル階層、ダイナミック背景)、タイポグラフィ(標準スタイル、カスタムフォント、Dynamic Type)、SF Symbols(レンダリングモード、色、多言語対応)、ダークモード、アクセシビリティ、プラットフォーム固有の考慮事項を網羅したガイドラインです。