skills.rest
metedata
metedataCOMMUNITY
Explore all skills by this author →
𝕏@metedataGitHub

crit-screen-inventory

Document screen inventories, states, flows, and transition mappings from a design brief.

3|Updated Feb 23, 2026
Search Tags:#user flows#design brief#design critique#screen inventory#wireframe options#ui inventory
One-click install
npx skills add https://github.com/metedata/design-crit --skill crit-screen-inventory
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: crit-screen-inventory
Source: https://github.com/metedata/design-crit/tree/main/skills/crit-screen-inventory
Command: npx skills add https://github.com/metedata/design-crit --skill crit-screen-inventory

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide helps teams identify and evaluate the complete set of screens, states, and user flows for a product early in the design crit process, establishing a solid surface for critique before wireframes are created.

Core Features & Use Cases

  • Derives primary and secondary screens from the brief and core interaction loop.
  • Maps screen transitions and per-screen states to support critique, convergence, and decision making.
  • Proposes 2-4 option sets to explore surface area trade-offs while staying aligned with v1 scope.

Quick Start

Describe the screen inventory from the brief by listing core screens, states, and 2-4 option sets.

Frequently Asked Questions about crit-screen-inventory

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

FAQPage Schema
How do I inventory screens for a design critique before creating wireframes?▼

Defining a screen inventory involves listing primary and secondary screens, mapping their states and transitions, and outlining core happy-path and edge paths to evaluate flow efficiency and scalability during a design critique.

What is the best way to map user flows and screen states for a UI inventory?▼

Mapping user flows for a UI inventory requires deriving core screens from the brief, documenting per-screen states and transitions, and evaluating completeness and necessity to support design convergence and decision making.

Can I explore surface area trade-offs while maintaining my v1 scope during a design crit?▼

Yes, you can explore surface area trade-offs by proposing 2-4 variant option sets that align with the design brief and evaluation criteria, ensuring the core happy-path and edge paths stay within the v1 scope.

When do I need a complete screen inventory for the design critique process?▼

You need a complete screen inventory early in the design crit process to identify the full set of product screens and states before wireframes are created, ensuring alignment with the core interaction loop and design brief.

Does this screen inventory method require an existing design brief to work?▼

Yes, the method derives primary and secondary screens from the design brief and core interaction loop, ensuring the proposed wireframe options and flow mappings align with predefined evaluation criteria like completeness and scalability.

Related Skills

Explore More Design & Creative Skills→
VjayRamVjayRam

dspy-expert

Define DSPy signatures and modules with deterministic evaluation across splits.

Community
Advanced
kapilvirenahujakapilvirenahuja
3

generate-screen-inventory

Generate screen inventory Markdown files with YAML frontmatter and decision manifests.

Community
Advanced
crgarcia12crgarcia12

ui-ux-design

Generate interactive HTML/CSS/JS wireframe prototypes from approved FRDs.

Community
Advanced
sheawinklersheawinkler
78

sketch

Generate 2-3 disposable HTML variants for side-by-side UI design comparison.

Community
Intermediate