crit-content-hierarchy

Evaluate screen content hierarchy with a 4-level emphasis model and critique rubric.

3|Updated Feb 23, 2026
One-click install
npx skills add https://github.com/metedata/design-crit --skill crit-content-hierarchy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: crit-content-hierarchy
Source: https://github.com/metedata/design-crit/tree/main/skills/crit-content-hierarchy
Command: npx skills add https://github.com/metedata/design-crit --skill crit-content-hierarchy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Evaluates and improves the prioritization and sequencing of information on screens to guide user attention, speed comprehension, and reduce cognitive overhead.

Core Features & Use Cases

  • Analyze hierarchy across screens (reading order, element emphasis, and content grouping) and propose 2-4 wireframe options that demonstrate different emphasis strategies.
  • Provide an emphasis legend (Primary, Secondary, Tertiary, Ambient) and a reading-order overlay to make hierarchy explicit for reviewers.
  • Offer a structured critique rubric (5-second test, action prominence, competitive emphasis, progressive disclosure) to guide optimization and comparisons.

Quick Start

Generate 2-4 wireframe options emphasizing different hierarchy strategies for the current screen and provide a reading-order overlay.

Frequently Asked Questions about crit-content-hierarchy

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I evaluate content hierarchy and visual emphasis in a UI design?

You can evaluate content hierarchy using a structured critique rubric and a reading-order overlay to make visual emphasis and content priority explicit for reviewers. This process applies a 4-level emphasis model to analyze element grouping and user attention.

What is the best way to generate wireframe options for different hierarchy strategies?

The best way to generate wireframe options for hierarchy strategies is to analyze the current reading order and propose 2-4 variations demonstrating different emphasis models. This helps drive design decisions by comparing content priority and progressive disclosure approaches.

Why does my dashboard layout cause cognitive overhead and how do I fix the reading order?

Dashboard layouts cause cognitive overhead when content priority and information grouping are unclear. You can fix the reading order by applying a 4-level emphasis legend (Primary, Secondary, Tertiary, Ambient) to optimize visual emphasis and guide user comprehension.

Can I use a 5-second test to critique visual emphasis on marketing pages?

Yes, you can use a 5-second test to critique visual emphasis on marketing pages. It is part of a structured critique rubric that evaluates action prominence and competitive emphasis to ensure your content hierarchy effectively guides user attention.

Does this hierarchy evaluation approach work for form screens and detail views?

Yes, this hierarchy evaluation approach works for form screens, detail views, and dashboards. It optimizes on-screen information hierarchy across various digital product screens by enforcing a 4-level emphasis model and providing wireframe options.