106.9K+Télécharger
Aller au guide d’utilisation
Critique Compositionpar owl-listener

Critique Composition Skill.

Expliquez pourquoi une mise en page rendue semble déséquilibrée ou décousue.

  • Composition
  • Hiérarchie
Télécharger OpenDesignVoir le guide d'utilisation
Revue de la source · critique-compositionSKILL.md
Tâche Expliquez pourquoi une mise en page rendue semble déséquilibrée ou décousue. Résultats Une critique de composition structurée selon quatre dimensions explicites. Avant de commencer Le skill critique la composition rendue, sans inventer des constats à partir du seul brief.
Résumé éditorial · source examinée le 2026-11-02 · ce n’est pas un exemple généré

01 Fonctionnement

Expliquez pourquoi une mise en page rendue semble déséquilibrée ou décousue

Examinez l’équilibre, les espaces, le rythme et les regroupements perceptifs d’un écran rendu, avec des observations précises et des corrections applicables.

Flux de travail fondé sur la sourcePas un benchmark d'exécution

La méthode de travail

Critique Composition examine les qualités spatiales d’un écran rendu. Il analyse poids visuel, espaces vides, intervalles répétés et regroupements perceptifs pour expliquer une composition instable ou décousue. Il est particulièrement utile lorsque la hiérarchie générale est compréhensible mais que l’agencement reste maladroit.

Le rapport distingue observation, problème et correction sur quatre dimensions : équilibre, espaces, rythme et Gestalt. Cette structure transforme « quelque chose cloche » en discussion concrète sur une section surchargée, une commande isolée ou un motif répété dont l’espacement change sans raison.

Livrables attendus

  • Une critique de composition structurée selon quatre dimensions explicites.
  • Des observations neutres reliées à des problèmes spatiaux précis.
  • Des corrections applicables et un niveau de gravité pour chaque dimension.
Voir l'exemple de brief

Du brief à la revue

  1. 01
    Lire la composition dans son ensemble

    Examinez l’écran rendu et la répartition du poids visuel. Demandez-vous si la symétrie ou l’asymétrie paraît intentionnelle et où se trouve le centre de gravité.

  2. 02
    Examiner les espaces et le rythme

    Comparez les grands intervalles entre sections aux petits intervalles dans les groupes. Repérez les marges internes incohérentes, les répétitions qui dérivent et les transitions brutales entre zones denses et vides.

  3. 03
    Vérifier les regroupements perceptifs

    Examinez proximité, similarité, séparation figure-fond, continuité et clôture. Identifiez les éléments détachés du contenu associé ou regroupés avec des commandes sans rapport.

  4. 04
    Rédiger des corrections ciblées

    Pour l’équilibre, les espaces, le rythme et la Gestalt, fournissez une observation, un problème et une correction précise. Évaluez chaque dimension sans transformer la critique ciblée en refonte complète non expliquée.

02 Cas d’usage

Quand l’utiliser

Le skill critique la composition rendue, sans inventer des constats à partir du seul brief.

Un bon choix

  • Une mise en page semble instableLe contenu est là, mais poids, écarts ou regroupements gênent la lecture.
  • Une retouche cibléeL’équipe souhaite corriger l’organisation spatiale tout en conservant la direction visuelle validée.

Limites à vérifier

  • Un écran réel est nécessaireLe skill critique la composition rendue, sans inventer des constats à partir du seul brief.
  • Un objectif précisLa source renvoie l’accentuation et le parcours du regard à une critique distincte de la hiérarchie visuelle.
  • Les recommandations restent à vérifierUne correction d’espacement proposée doit encore être inspectée après son implémentation.

Éléments à fournir

  • Vue rendueFournissez l’écran et les tailles de fenêtre ou états de contenu pertinents.
  • Contexte du designExpliquez l’équilibre, les regroupements voulus et la direction visuelle établie.
  • Système d’espacementIncluez les valeurs connues de grille et d’espacement si les corrections doivent s’y référer.

03 Décisions importantes

Les décisions importantes

  1. Un vocabulaire spatial concret

    Le retour nomme la relation qui rend la mise en page maladroite.

  2. Des dimensions distinctes

    Espaces et rythme peuvent être évalués indépendamment du poids visuel.

  3. Une critique applicable

    Chaque problème est associé à une modification proposée.

04 Exemple de brief

Essayez un brief ciblé

L'exemple de brief ci-dessous n'a pas été testé. Vérifiez la configuration du skill avant de l'utiliser.

Examinez la source et la configuration

Fournissez l’écran et les tailles de fenêtre ou états de contenu pertinents.

Fichier source amont
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-composition/SKILL.md

Le lien ci-dessous ouvre les instructions d’origine. Vérifiez la configuration du dépôt avant utilisation ; ce n’est pas une commande d’installation.

Commencez par un livrable

Adaptez le périmètre, les sources et les contraintes de ce brief avant d’exécuter le skill.

Exemple de brief
Utilise critique-composition pour examiner la vue d’ensemble du projet telle qu’elle est rendue. Conserve contenu et direction visuelle ; concentre-toi sur équilibre, espaces, rythme et regroupements perceptifs. Repère les zones encombrées, détachées ou plus lourdes visuellement que prévu. Compare les espacements répétés des cartes et sections à notre échelle existante. Pour chaque dimension, donne une observation neutre, explique sa conséquence et propose un ajustement concret. Attribue la mention conforme, problème mineur ou problème majeur. Ne refais pas la page pendant cette revue et signale les jugements qui dépendent d’une taille de fenêtre non observée.

Examinez le résultat

Comparez le résultat réel à ces critères observables.

  • Les observations décrivent des relations spatiales visibles et précises.
  • Les corrections ciblent la dimension identifiée, pas des styles sans rapport.
  • Les tailles de fenêtre non vues et recommandations non implémentées restent clairement indiquées.

OpenDesign fournit un espace de travail de design local pour les agents de code. Cette fiche ne signifie pas que le skill est fourni avec ses outils externes, ses identifiants et ses dépendances logicielles.

Télécharger OpenDesignLire le guide de démarrage rapide

05 Source et licence

Source et licence

Cette page décrit la révision source figée liée ci-dessous. Le comportement et les exigences en amont peuvent changer.

Propriétaire de la source
owl-listener
Dépôt
owl-listener/designer-skills
Fichier du skill
SKILL.md
Licence
MIT
Version examinée
2026-11-02 · 9a6930cf84a8
Résumé éditorial de la source
Expliquez pourquoi une mise en page rendue semble déséquilibrée ou décousue.

Résumé original de OpenDesign, fondé sur la source liée. Les étoiles du dépôt sont un indicateur de popularité daté, pas une mesure d'utilisation du skill ni une note de qualité.

06 Questions avant de commencer

Questions avant de commencer

Cela remplace-t-il la revue de hiérarchie ?

Non, l’accent est mis sur la composition. La source traite l’accentuation et le parcours du regard comme une critique distincte.

Que recouvre le rythme ?

La revue examine les espacements, tailles, lignes, cartes et séparations de sections répétés qui créent une cadence visuelle cohérente.

Quel format de rapport est attendu ?

Chacune des quatre dimensions reçoit une observation, un problème, une correction et une évaluation conforme/mineur/majeur.

OpenDesign

Gardez votre brief et votre travail de design au même endroit.

Gardez votre brief, vos sources et votre travail de design ensemble dans un espace de travail local. Vérifiez la configuration propre au skill avant de l'ajouter à votre flux de travail.

Télécharger OpenDesignParcourir les skills de design
Fichier source amont
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-composition/SKILL.md