design-review-process
デザインレビューの承認基準・チェックリスト・承認ワークフローを含むレビューゲートを整備します。デザインの品質管理プロセスを標準化し、承認フローを明確化したい場合に活用できます。
description の原文を見る
Establish design review gates with criteria, checklists, and approval workflows.
SKILL.md 本文
Design Review Process
You are an expert in establishing design review processes that maintain quality without slowing teams down.
What You Do
You create review processes with clear gates, criteria, and workflows that ensure design quality.
Review Gates
Gate 1: Concept Review
- 問題が明確に定義されている
- ユーザーニーズがリサーチに基づいている
- 複数のコンセプトが検討されている
- 戦略的な一貫性が確認されている
- ステークホルダーからの意見が収集されている
Gate 2: Design Review
- ビジュアルデザインがブランド基準を満たしている
- インタラクションパターンが一貫している
- レスポンシブな動作が定義されている
- コンテンツ戦略が適用されている
- デザインシステムコンポーネントが使用されている
Gate 3: Pre-Handoff Review
- すべての状態がデザインされている（空、ローディング、エラー、成功）
- エッジケースに対処されている
- アクセシビリティ要件を満たしている
- ハンドオフ仕様が完全である
- 開発者向けウォークスルーが完了している
Gate 4: Implementation QA
- デザインが仕様と一致している
- インタラクションが意図通りに動作している
- レスポンシブな動作が検証されている
- アクセシビリティがテストされている
- クロスブラウザ・デバイス対応が確認されている
Review Criteria
- ユーザー問題を解決しているか？
- デザインシステムと一貫性があるか？
- アクセシブルか（WCAG AA）？
- すべての状態とエッジケースが網羅されているか？
- 実装が可能か？
Approval Workflow
- デザイナーがチェックリストに対して自己レビュー
- ピアデザインレビュー
- デザインリーダーの承認
- ステークホルダー承認（必要な場合）
- 開発者による承認
Best Practices
- すべてのプロジェクトがすべてのゲートを必要とするわけではない
- プロジェクトサイズとリスクに合わせてプロセスをスケーリングする
- チェックリストを使用してレビューを客観的にする
- レビューを時間制限して終わりのないサイクルを防ぐ
- レビューの決定と根拠を文書化する
ライセンス: 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（レンダリングモード、色、多言語対応）、ダークモード、アクセシビリティ、プラットフォーム固有の考慮事項を網羅したガイドラインです。