使い方ガイドへスキップ
Critique Composition作者 owl-listener

Critique Composition スキル。

描画されたレイアウトが不均衡、あるいはまとまりに欠けて見える理由を説明します。

  • 構図
  • 階層
ソースレビュー · critique-compositionSKILL.md
タスク 描画されたレイアウトが不均衡、あるいはまとまりに欠けて見える理由を説明します。 成果物 4つの明確な観点で整理した構図レビュー。 始める前に このスキルは描画された構図を評価します。要件説明だけから指摘を作り上げません。
記事用の要約 · ソース確認日 2026-11-02 · 生成された例ではありません

01 機能概要

描画されたレイアウトが不均衡、あるいはまとまりに欠けて見える理由を説明します

描画された画面のバランス、余白、リズム、知覚的グルーピングを、具体的な観察と実行可能なレイアウト修正案で評価します。

ソースに基づくワークフロー実行ベンチマークではありません

作業の進め方

Critique Composition は、描画された画面の空間的な特徴を調べます。視覚的な重み、空白、反復する間隔、知覚的グルーピングを確認し、レイアウトが不安定またはばらばらに感じられる理由を説明します。基本的な階層は理解できるのに配置がしっくりこない場合に、特に役立つソースです。

報告ではバランス、余白、リズム、ゲシュタルトの4つの観点ごとに、観察・問題・修正を分けます。これにより「ページに違和感がある」という感想を、詰め込みすぎた区画、孤立した操作部品、理由なく間隔が変わる反復パターンについての具体的な議論へ変えられます。

想定される成果物

  • 4つの明確な観点で整理した構図レビュー。
  • 具体的な空間上の問題に結び付いた中立的な観察。
  • 各観点に対する実行可能な修正案と問題の深刻度評価。
サンプルブリーフを見る

ブリーフからレビューまで

  1. 01
    構図全体を読む

    描画された画面を確認し、視覚的な重みの分布を捉えます。対称・非対称が意図的に見えるか、構図の重心がどこにあるかを考えます。

  2. 02
    間隔とリズムを調べる

    セクション間の大きな余白とグループ内の小さな余白を比べます。不揃いなパディング、ずれていく反復、密集部分と空白部分の急な切り替わりを探します。

  3. 03
    知覚的グルーピングを確かめる

    近接、類似、図と地の分離、連続、閉合を確認します。関連する内容から離れて見える要素や、無関係な操作部品とまとまって見える要素を特定します。

  4. 04
    対象を絞った修正案を書く

    バランス、余白、リズム、ゲシュタルトについて、観察・問題・具体的な修正案を示します。各観点を評価し、焦点を絞った批評を説明のない全面改修に変えないようにします。

02 利用場面

使いどころ

このスキルは描画された構図を評価します。要件説明だけから指摘を作り上げません。

向いているケース

  • 配置が落ち着かない内容は揃っていても、重み、間隔、まとまりによって構図が読み取りにくい場合。
  • 焦点を絞った改善合意済みのデザイン方針を維持しながら、空間的な配置を修正したいチーム向け。

確認すべき制限

  • 実際の画面が必要このスキルは描画された構図を評価します。要件説明だけから指摘を作り上げません。
  • 対象を限定ソースでは強調と視線の流れの分析を、別の視覚的階層レビューに委ねています。
  • 提案は検証が必要間隔の修正案は、実装後にも確認する必要があります。

用意する入力

  • 描画済みの画面画面と、関係するビューポートや内容の状態を用意します。
  • デザインの背景意図するバランス、グルーピング、既定の視覚方針を説明します。
  • 間隔の体系修正で既存の規則を参照する場合は、グリッドや間隔の値を含めます。

03 重要な判断

重要な判断

  1. 具体的な空間表現

    違和感を生む要素間の関係を言葉で特定します。

  2. 観点を分離

    余白とリズムを、視覚的な重みとは独立して評価できます。

  3. 実行につながる批評

    すべての問題に変更案を対応させます。

04 依頼例

目的を絞った依頼文を試す

以下のサンプルブリーフはテストされていません。使用前にスキルのセットアップを確認してください。

ソースとセットアップを確認する

画面と、関係するビューポートや内容の状態を用意します。

アップストリームのソースファイル
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-composition/SKILL.md

以下の参照先から、提供元の手順を確認できます。利用前にリポジトリのセットアップ要件を確認してください。これはインストールコマンドではありません。

一つの成果物から始める

スキルを実行する前に、このブリーフの範囲、素材、制約を調整してください。

サンプルブリーフ
critique-composition を使い、描画済みのプロジェクト概要画面をレビューしてください。現在の内容と視覚方針は維持し、バランス、余白、リズム、知覚的グルーピングに集中してください。窮屈、孤立、または意図より視覚的に重く見える箇所を具体的に示してください。カードやセクションの反復間隔を既存のスケールと比較してください。各観点について中立的な観察、影響の説明、具体的な調整案を示し、合格・軽微な問題・重大な問題で評価してください。このレビューではページを作り直さず、見ていないビューポートに依存する判断を明記してください。

結果を確認する

実際の出力を、次の観察可能な基準に照らして確認してください。

  • 観察は、画面上で確認できる具体的な空間関係を説明している。
  • 修正案は指摘した観点に対応し、無関係な装飾の変更に逸れていない。
  • 未確認のビューポートと未実装の提案が明記されている。

OpenDesignは、コーディングエージェント向けのローカルデザインワークスペースを提供します。この掲載は、スキルが同梱されていること、または外部ツール、認証情報、ソフトウェア依存関係が含まれていることを意味しません。

05 ソースとライセンス

ソースとライセンス

このページは、下記にリンクされた固定のソースリビジョンについて説明しています。アップストリームの挙動や要件は変更される可能性があります。

ソースの所有者
owl-listener
スキルファイル
SKILL.md
ライセンス
MIT
確認したスナップショット
2026-11-02 · 9a6930cf84a8
編集部によるソース要約
描画されたレイアウトが不均衡、あるいはまとまりに欠けて見える理由を説明します。

リンク先のソースに基づく、OpenDesignによるオリジナルの要約です。リポジトリのスター数は日付時点の人気の指標であり、スキルの利用状況や品質スコアではありません。

06 開始前の質問

始める前の質問

階層のレビューを置き換えますか?

構図に集中するスキルです。ソースでは強調と視線の流れを別のレビュー対象として扱います。

リズムとは何ですか?

一貫した視覚的テンポを生む、繰り返しの間隔、サイズ、行、カード、セクション区切りを確認します。

報告の形式は?

4つの観点それぞれに、観察・問題・修正案と、合格/軽微/重大の評価を付けます。

OpenDesign

依頼内容とデザイン作業を一つの場所に。

ブリーフ、ソース資料、デザイン作業をローカルワークスペースにまとめて管理できます。ワークフローに追加する前に、スキル自体のセットアップを確認してください。

アップストリームのソースファイル
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-composition/SKILL.md