Generate 2-4 HTML navigation wireframes with rationale and reachability tables.
npx skills add https://github.com/metedata/design-crit --skill crit-navigation
Please help me install this Agent Skill. Skill: crit-navigation Source: https://github.com/metedata/design-crit/tree/main/skills/crit-navigation Command: npx skills add https://github.com/metedata/design-crit --skill crit-navigation
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.
Ask the skill to evaluate your project's navigation and produce 2–4 annotated HTML wireframes with rationale and a reachability table.
High-intent search queries and answers about installing and using this skill.
You generate responsive HTML navigation wireframes by providing a confirmed brief and locked screen inventory to this Skill. It outputs 2-4 self-contained HTML files displaying active states, mobile adaptations, and reachability tables.
Comparing navigation models during a design critique requires generating multiple annotated wireframes with per-option rationale. This Skill outputs 2-4 distinct HTML wireframes and a comparative critique to help teams converge on a locked navigation pattern.
Documenting navigation decisions for downstream constraints requires writing a comparative critique and updating the project state. This Skill locks the chosen navigation model so subsequent layout work respects the confirmed structural decisions.
You can evaluate flat, hierarchical, and hub-and-spoke navigation flows for cross-platform apps. The Skill counts primary and secondary destinations, identifies flow structure, and surfaces platform conventions to shape scalable navigation options.
A confirmed brief and locked screen inventory are required before generating navigation wireframes. The Skill uses these prior inputs alongside existing feedback to shape comparable HTML options and ensure the navigation matches your application's structural requirements.
metedataEvaluate onboarding flows and generate annotated HTML wireframes with flow diagrams.
metedataEvaluate icon systems for style, metaphor clarity, sizing, and accessibility in product UI.
metedataEvaluate density and spacing options across dashboards, forms, and cards.
davpatel605-beepGenerate disposable HTML UI mockups with interactive states for design comparison.
