Skills
.Work. You
Rest

crit-navigation

Community

Design clear, scalable navigation patterns.

Design & Creative#html#prototyping#navigation#responsive#wireframes#ux#design-crit
Authormetedata
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps designers and product teams evaluate and decide on navigation models by producing multiple, comparable navigation patterns and structural wireframes so the team can choose a scalable, discoverable, and platform-appropriate navigation.

Core Features & Use Cases

  • Navigation analysis: Counts primary and secondary destinations, identifies flow structure (flat, hierarchical, hub-and-spoke), and surfaces platform conventions and constraints.
  • Option generation: Produces 2–4 self-contained HTML navigation wireframes showing active states, collapsed/expanded variants, mobile adaptations, and a reachability table for each option.
  • Critique & handoff: Writes per-option rationale, a comparative critique, and updates project state to lock the chosen navigation model for downstream layout work.
  • Use Case: Run during a design critique to compare "Deep Sidebar" versus "Lean Tab Bar" approaches and converge on a locked navigation pattern with clear trade-offs.

Quick Start

Ask the skill to evaluate your project's navigation and produce 2–4 annotated HTML wireframes with rationale and a reachability table.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: crit-navigation
Download link: https://github.com/metedata/design-crit/archive/main.zip#crit-navigation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.