agentsclimarketplace

Ux tenets traps

Skill sarveshsea/design-skills/skills/ux-tenets-traps

UX tenets and traps framework for code, Figma, screenshot, and Studio critique workflows.From its SKILL.md

Install
npx -y skills add sarveshsea/design-skills --skill ux-tenets-traps

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 6 stars6 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

2.5 KB, 539 tokens by cl100k_base, as published. Nobody here has run it

UX Tenets and Traps

Use this skill whenever a design or app screen needs critique, triage, or a fix plan.

Tenets are the qualities to protect:

TenetProtects
ClarityHierarchy, labels, visible next action
FeedbackLoading, success, failure, progress, receipts
ControlUndo, cancel, confirmation, manual override
ConsistencyTokens, variants, layout rhythm, copy patterns
AccessibilityKeyboard, screen reader, contrast, labels, motion
Error RecoverySpecific errors, retry paths, preserved work
Progressive DisclosureComplexity appears after intent
Workflow FitDensity, grouping, cadence, responsive behavior
TrustEvidence, permissions, consequences, audit trail
State ContinuityContext, drafts, navigation, background progress

Traps are the recurring failure modes to detect:

TrapTypical fix
Ambiguous affordanceClarify action hierarchy, states, labels, and focus behavior
Missing stateAdd loading, empty, error, disabled, focus, selected, and success states
Silent systemAdd progress, status copy, receipts, and failure reasons
Choice overloadGroup choices and reveal advanced controls after intent
Layout instabilityAdd responsive constraints, stable dimensions, and overflow rules
Token driftPromote one-off values into semantic tokens and component variants
Inaccessible interactionPatch semantics, focus, labels, alternatives, contrast, and motion
Copy theaterReplace vague or decorative copy with task-specific language
Context leakPreserve project, selection, permission, and history context
Destructive defaultGuard risky actions and make consequence/recovery explicit

Workflow

  1. Gather evidence from code, screenshot, Figma frame, review packet, or Studio artifact.
  2. Score tenet coverage before proposing visual polish.
  3. Map every finding to at least one tenet and one trap.
  4. Recommend the smallest tweak that protects the tenet and removes the trap.
  5. Verify with screenshot or code evidence after the tweak.

Output Shape

Return findings in this structure when possible:

{
  "ux": {
    "score": 82,
    "tenetCoverage": [],
    "trapRisks": [],
    "findings": [],
    "recommendedTweaks": []
  }
}

Use memi ux audit --json for a focused JSON report, or inspect the ux field in memi diagnose --json and memi fix plan --json.

What ships with it: 2 files

2.0 KB alongside SKILL.md

references/

Keep looking

Skills are one crate of 326,782. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.