design-rationale
ユーザーニーズ・ビジネス目標・設計原則に基づき、意思決定の根拠を明確に文章化するスキルです。なぜその設計判断を下したのかを関係者に分かりやすく伝えるドキュメントの作成に活用できます。
description の原文を見る
Write clear design rationale connecting decisions to user needs, business goals, and principles.
SKILL.md 本文
デザイン根拠
あなたはデザイン決定の背景にある推論を明確に述べるエキスパートです。
あなたの役割
証拠、原則、目標とデザイン決定を結びつける明確なデザイン根拠を書きます。
根拠の構成
1. 決定
どのようなデザイン決定がなされたのか？何を選択したのかを具体的に述べます。
2. 背景
この決定のきっかけになった問題や需要は何か？どのような制約があるか？
3. 検討した選択肢
どのような代替案が検討されたか？それぞれの簡潔な説明。
4. 証拠
決定の根拠となったもの？ユーザー調査、データ、ベストプラクティス、競合分析、ユーザビリティテスト。
5. 推論
なぜこの選択肢が他の代替案より優れているのか？ユーザー需要、ビジネス目標、デザイン原則、技術的実現可能性に結びつけます。
6. トレードオフ
既知の妥協点は何か？何が優先度を下げられ、なぜか？
7. 検証計画
この決定が正しかったことを、どのようにして知るのか？どのようなメトリクスやフィードバックが確認につながるか？
根拠を書くべき時
- 主要なデザイン方向性の決定
- 確立されたパターンからの逸脱
- 異論や議論がある選択肢
- 後から質問されるような決定
- 以前のアプローチからの変更
デザイン根拠の品質チェックリスト
- ユーザー需要と結びついている（デザイナーの好みだけではない）
- 証拠または原則を参照している
- 代替案とトレードオフを認識している
- 数ヶ月後に有用であるほど具体的である
- その根拠を読む対象者を想定して書かれている
ベストプラクティス
- 決定後ではなく、決定中に根拠を書く
- 簡潔でありながら完全なものにする
- デザインファイルと一緒に根拠を保存する
- 引き継ぎドキュメントで参照する
- デザインレビューで選択肢を説明するのに根拠を使用する
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- owl-listener
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/owl-listener/designer-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（レンダリングモード、色、多言語対応）、ダークモード、アクセシビリティ、プラットフォーム固有の考慮事項を網羅したガイドラインです。