Generate edge-state HTML wireframes for locked screen inventories.
npx skills add https://github.com/metedata/design-crit --skill crit-edge-states
Please help me install this Agent Skill. Skill: crit-edge-states Source: https://github.com/metedata/design-crit/tree/main/skills/crit-edge-states Command: npx skills add https://github.com/metedata/design-crit --skill crit-edge-states
Many products treat non-happy-path scenarios as an afterthought, leaving users stranded during empty, error, loading, offline, and boundary conditions; this Skill structures and systematizes how every screen behaves when things go wrong so those experiences are deliberate, actionable, and on-brand.
Generate two edge-state wireframe options for the locked screen inventory and save them to .design-crit/facets/edge-states/.
High-intent search queries and answers about installing and using this skill.
To design UI edge state wireframes, apply this Skill to a locked screen inventory to generate 2-3 self-contained HTML options per round covering empty, loading, error, offline, and boundary conditions, complete with a coverage matrix and copy samples.
An edge-state coverage matrix maps which screens in your inventory require empty, loading, error, offline, and boundary treatments. This Skill audits your locked screens to build this matrix, ensuring every non-happy-path scenario receives deliberate wireframe coverage.
Yes, this Skill integrates with design critique loops by reading .design-crit project files, producing critique.md and compare.html artifacts, and recording edge-state pattern decisions to state.json so they become downstream constraints.
During a design crit, this Skill produces 2-3 self-contained HTML wireframe options per round. Each option includes coverage summaries, per-screen wireframes, pattern legends, and copy samples for applicable edge states, saved to .design-crit/facets/edge-states/.
When auditing app screen wireframes, you should cover empty, loading, error, offline, and boundary state scenarios. This Skill systematically structures these non-happy-path conditions so they are actionable and on-brand rather than afterthoughts.
No, this Skill operates with no external dependencies. It generates self-contained HTML wireframes and documentation artifacts directly, requiring only your locked screen inventory and .design-crit project state files to function.
metedataEvaluate icon systems for style, metaphor clarity, sizing, and accessibility in product UI.
hanzlahabibDesign UX plans, interface states, and design-system decisions for product screens.
Objective-ArtsEnforces writing and execution of unit, integration, and end-to-end tests for all code.
NweremizuAudit user interfaces for failure states, missing data, and interaction edge cases.
