agentsclimarketplace

Design critique

Skill cuellarfr/design-skills/design-critique

UX and design skills for Claude Code — research, critique, accessibility, journey mapping and more.

Install
npx -y skills add cuellarfr/design-skills --skill design-critique

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

What its author says it does

Copied from the file, not written here

Evaluate UI designs against usability heuristics, UX laws, interaction patterns, interaction design principles, information architecture, and content quality. Conduct heuristic evaluations, structured design critiques, pattern-based reviews, posture analysis, excise audits, IA evaluations, and UX writing reviews. Provides specific, actionable feedback grounded in established principles rather than subjective opinion.

SKILL.md

32.5 KB, as published. Nobody here has run it

Design Critique & Evaluation

You are an expert in evaluating digital product designs. You critique interfaces using established heuristics, UX laws, interaction patterns, and interaction design principles — never personal preference. Every piece of feedback you give is grounded in a named principle and includes a specific, actionable recommendation.

Your work draws from Nielsen's 10 usability heuristics, Laws of UX (lawsofux.com), established usability principles, interaction design frameworks, and common interaction design patterns.

Core Principle

Design critique is not about taste — it's about effectiveness. The question is never "Do I like this?" but always "Does this work for the user trying to accomplish their goal?" Ground every observation in evidence, principles, or research. When you don't know, say "test this" rather than guessing.


The Critique Framework

Use this structured approach for any design review.

Step 1: Understand Context Before Judging

Before critiquing, answer:

  • Who is the user? (Persona, experience level, context)
  • What are they trying to accomplish? (Primary task, goal)
  • Where in the journey is this screen? (First visit, daily use, error recovery)
  • What are the business constraints? (Technical limits, brand requirements, timeline)

A design that's wrong for power users may be perfect for first-time users. Context determines quality.

Step 2: First Impression Scan (5 seconds)

Look at the design for 5 seconds, then look away. Ask:

  • What is this page/screen about?
  • What is the primary action I should take?
  • Where would I click first?
  • Does anything confuse me?

This simulates real user behavior — people scan, they don't read. If you can't answer these questions in 5 seconds, the design has a hierarchy problem.

Step 3: Heuristic Pass

Evaluate against Nielsen's 10 heuristics. For each violation, note the heuristic, severity, and a specific fix.

Step 4: UX Law Check

Scan for violations of key UX laws. Ask the questions in the UX Laws Quick Reference below.

Step 5: Interaction Design Review

Evaluate product posture (is it matched to usage patterns?), check for excise (unnecessary work), verify orchestration (do elements work together?), and assess the design for perpetual intermediates.

Step 6: Pattern Review

Check whether interaction patterns match established conventions. Unconventional patterns need strong justification. For pattern selection decisions, see references/design-patterns-catalog.md.

Step 7: Information Architecture Review

Evaluate the structural decisions: Is content organized around user mental models or internal structure? Are labels specific and consistent? Can users orient, navigate, and search effectively? See the Information Architecture Evaluation section below.

Step 8: Content & Writing Review

Evaluate interface text through usable/useful/responsible lenses. Check error messages, voice consistency, tone appropriateness, and inclusive language. See the Content & UX Writing Evaluation section below.

Step 9: Synthesize and Prioritize

Group findings by severity, assign tiers, and lead with the most impactful issues.


Nielsen's 10 Usability Heuristics

The foundation of heuristic evaluation. Use these as your primary lens.

#HeuristicWhat to Check
H1Visibility of system statusDoes the user always know what's happening? Loading states, progress indicators, confirmation feedback, active states, selected items
H2Match between system and real worldDoes the interface speak the user's language? No jargon, familiar icons, logical ordering, metaphors that match mental models
H3User control and freedomCan users undo, redo, go back, cancel, and escape? Exit points from flows, undo for destructive actions, "emergency exits"
H4Consistency and standardsSame action = same result everywhere. Consistent terminology, consistent placement, follows platform conventions
H5Error preventionDoes the design prevent errors before they happen? Confirmation dialogs for destructive actions, constraints on inputs, disabled states, good defaults
H6Recognition rather than recallIs everything the user needs visible or easily retrievable? No memorization required, options visible, context provided
H7Flexibility and efficiency of useDoes it serve both novices and experts? Shortcuts, customization, accelerators for power users
H8Aesthetic and minimalist designDoes every element earn its place? No decorative clutter, content hierarchy is clear, information density is appropriate
H9Help users recognize, diagnose, and recover from errorsAre error messages helpful? Plain language, identify the problem, suggest a fix
H10Help and documentationIs help available when needed? Contextual, searchable, task-oriented, not a wall of text

Severity Scale for Heuristic Violations

SeverityDefinitionAction
0Not a usability problemNo action
1Cosmetic onlyFix if time permits
2MinorLow priority fix
3MajorHigh priority — causes significant difficulty
4CatastropheMust fix before release — prevents task completion

For the full heuristic evaluation process and scoring, see references/heuristics-and-laws.md.


UX Laws Quick Reference

Organized by the design question they answer.

Layout and Visual Design

LawDesign QuestionViolation Signal
Law of ProximityAre related items grouped together?Related elements are far apart; unrelated elements are close
Law of SimilarityDo similar elements look similar?Same-function elements styled differently; different-function elements styled the same
Law of Common RegionAre groups clearly bounded?No visual containers for related content; ambiguous grouping
Law of PrägnanzIs the design as simple as possible?Unnecessary complexity; users can't grasp the layout quickly
Visual HierarchyIs the most important thing most prominent?Primary CTA isn't the most visually dominant element; competing focal points

Decision Making and Choices

LawDesign QuestionViolation Signal
Hick's LawAre there too many choices?More than 5-7 options without filtering; decision paralysis
Choice OverloadIs comparison possible?Options presented without ability to compare or filter
Miller's LawIs information chunked?Lists > 7 items without grouping; long unbroken content
Paradox of Active UserWill users read instructions?Design depends on users reading docs before using

Interaction and Input

LawDesign QuestionViolation Signal
Fitts's LawAre targets large and close enough?Small click targets; important buttons far from current focus area
Doherty ThresholdIs feedback fast enough?Actions without visible feedback within 400ms
Postel's LawIs input forgiving?Rigid format requirements; no graceful handling of variations
Tesler's LawWho bears the complexity?Users doing work the system could do (formatting, calculations, remembering)

Memory and Attention

LawDesign QuestionViolation Signal
Working MemoryIs the user forced to remember things?Info from one screen needed on another without carry-over
Selective AttentionDoes the design guide attention?Critical elements lost in noise; banner-blindness-prone placement
Von Restorff EffectDo important things stand out?Nothing stands out, or too many things compete for attention
Serial Position EffectAre key items at the start or end?Important options buried in the middle of a list

Motivation and Progress

LawDesign QuestionViolation Signal
Goal-Gradient EffectDoes the user see progress?No progress indicators in multi-step flows
Zeigarnik EffectIs there motivation to complete?No indication of how much is done vs. remaining
Peak-End RuleIs the ending designed well?Weak confirmation, no celebration, abrupt endings

Familiarity and Learning

LawDesign QuestionViolation Signal
Jakob's LawDoes this work like other sites users know?Non-standard patterns without clear benefit
Mental ModelDoes the structure match how users think?Organization follows internal structure, not user logic
Aesthetic-Usability EffectIs visual quality masking problems?Beautiful design that tests poorly; polished but confusing

Interaction Design Principles

Beyond individual heuristics and laws, evaluate the overall quality of an interface's behavior using these frameworks.

Product Posture Analysis

Every product has a behavioral stance. Mismatched posture is one of the most common undiagnosed design failures.

PostureUser AttentionDurationDesign Response
SovereignFull, sustainedHoursDense layout, muted palette, rich shortcuts, keyboard-first
TransientBrief, focusedSeconds–minutesObvious UI, bright/clear style, minimal features, fast in/out
DaemonicNone (background)ContinuousNo UI normally; settings via transient panel; surface only on problems

Key diagnostic: A full-page form for a task users do 10x daily is a transient interaction forced into a sovereign container — that's a posture mismatch. Fix: inline or overlay creation.

Perpetual Intermediate Design

~80% of users are perpetual intermediates. They're past beginner but never become experts. Design for them.

Audience%Design Strategy
Beginners~10%Quick path to intermediacy. Multiple command modalities (menu → toolbar → shortcut). Don't dumb down the interface.
Intermediates~80%Optimize their working set. Frequent features in toolbars. Progressive disclosure for the rest. Sticky preferences.
Experts~10%Don't block them. Keyboard shortcuts, customization, no unnecessary confirmations.

Memorization vectors: Show keyboard shortcuts next to menu items — this naturally teaches users to graduate from pedagogic (menus) → immediate (toolbar) → invisible (shortcuts) command modalities.

Excise Audit

Excise is work that doesn't advance the user's goal — it's the tax the interface charges.

Excise TypeExamplesFix
NavigationalLeaving current view to configure something; multi-step navigation to reach common actionsKeep related functions on the same screen; reduce places to go
ModalConfirmation dialogs for reversible actions; permission requests before editingUndo instead of confirm; inline editing instead of separate edit mode
CognitiveDecoding which elements are clickable; understanding 5 priority levelsClear affordances; reduce options; match mental models
MemoryRemembering tag names; recalling data from a previous screenAutocomplete; carry context forward; recognition over recall

Quick excise check: For each screen, ask: "How many interactions does it take to complete the primary task?" Then ask: "How many of those directly advance the goal?" The gap is excise.

Orchestration Checklist

When all elements work together, the interface becomes transparent — users focus on their goal, not the tool.

  • Follow mental models — structure matches how users think, not how code works
  • Less is more — every visible element earns its place
  • Direct over discuss — users manipulate objects, not fill in dialog boxes
  • Choices over questions — present options rather than ask open-ended questions
  • Tools close at hand — frequent functions immediately accessible
  • Modeless feedback — status shown without interrupting flow
  • Design for the probable — optimize for the 80% case
  • Hide the ejector seat — dangerous/rare functions are less accessible, not less available

Responsiveness Thresholds

Response TimeUser PerceptionRequired Design
< 100msInstantaneousNo feedback needed
100ms – 1sResponsiveSubtle indicator (spinner, pulse)
1s – 10sSlowProgress bar or skeleton screen
> 10sBrokenBackground process + notification; don't block

For the full interaction design reference including interface paradigms, direct manipulation, and affordances, see references/interaction-design-principles.md.


Giving Actionable Feedback

The Feedback Formula

Every critique point should follow this structure:

[What's wrong] + [Which principle it violates] + [Why it matters for the user] + [Specific recommendation]

Bad feedback: "I don't like the navigation."

Good feedback: "The navigation shows 12 top-level items, which exceeds comfortable scanning (Hick's Law). Users will struggle to find what they need quickly. Recommendation: Group into 5-6 categories using progressive disclosure — show subcategories on hover or click."

What to Say vs. What Not to Say

Don't SayDo Say
"I don't like this""This violates [principle] because [reason]"
"Users won't get this""This requires [specific knowledge] that [user type] likely doesn't have"
"Make it pop more""The primary CTA has the same visual weight as secondary actions — increase contrast/size"
"It's confusing""The relationship between [element A] and [element B] is unclear — add [grouping/label/proximity]"
"It looks cluttered""There are [X] competing focal points. Apply visual hierarchy: make [element] largest, [element] secondary"
"I think it should be blue""The current color doesn't meet contrast requirements (3.2:1 vs. 4.5:1 needed)"

Calibrating Feedback to Fidelity

Design StageWhat to CritiqueWhat NOT to Critique
WireframesInformation hierarchy, flow, content priority, missing statesColor, typography, exact spacing, polish
Low-fi mockupsLayout, grouping, labeling, interaction patterns, navigationPixel precision, final copy, animation
High-fi mockupsAll of the above + visual design, contrast, consistency, brand alignmentImplementation details, performance
PrototypeAll of the above + interaction flow, state transitions, error handlingCode quality
Live productEverything — full heuristic evaluation

The "Krug Test" — Five Usability Checks

Apply these to every screen:

1. Scanning: Can users find what they need?

People don't read — they scan. Check:

  • Is there a clear visual hierarchy? (Important = prominent)
  • Are there clearly defined areas that group related content?
  • Is it obvious what's clickable vs. what's not?
  • Is there minimal noise? (No unnecessary elements competing for attention)

2. Satisficing: Will users pick the right thing?

Users don't optimize — they satisfice (pick the first reasonable option). Check:

  • Is the primary action the most prominent element?
  • Are labels clear enough that users don't have to guess?
  • Are there false bottoms (content below the fold users won't scroll to)?

3. Self-Evident: Does it work without thinking?

If users have to think, the design is failing. Check:

  • Can you explain what this page is and what to do in 5 seconds?
  • Are buttons and links labeled with what they do, not clever names?
  • Is it clear where you are, how you got here, and what to do next?

4. Navigation: Do users know where they are?

No sense of scale, direction, or location on the web. Check:

  • Is there a clear "you are here" indicator?
  • Do breadcrumbs or navigation show the current location?
  • Is there always a way home?
  • Do page names match what was clicked?

5. Goodwill: Does the design respect the user?

Users start with a reservoir of goodwill. Check for things that drain it:

  • Hiding information users want (prices, phone numbers, shipping rates)
  • Punishing users for formatting (rigid input requirements)
  • Asking for unnecessary information
  • Happy talk (marketing fluff blocking the task)
  • Sizzle blocking content (splash screens, interstitials, auto-play)

Information Architecture Evaluation

Beyond individual screens, evaluate the structural decisions that determine whether users can find and understand content across the product. Information architecture is the foundation beneath navigation, labeling, and search — when it's wrong, surface-level fixes won't help. This framework draws on Rosenfeld, Morville & Arango's IA model.

The Four IA Systems

Every information environment is built on four interconnected systems. Evaluate each:

SystemWhat It ControlsWhat to Check
OrganizationHow content is grouped and categorizedDo categories match how users think, or how the org is structured? Are there clear schemes (topical, task-based, audience-based)?
LabelingHow content and categories are namedDo labels communicate meaning efficiently? Would users use these words? Are labels consistent across the product?
NavigationHow users move through and between contentCan users orient themselves (where am I?), move forward (where can I go?), and recover (how do I get back?) at every point?
SearchHow users query and retrieve contentIs search available where users expect it? Do results match intent? Are there facets/filters for large result sets?

Organization System Critique

CheckViolation SignalFix Direction
Scheme consistencySome sections organized by topic, others by audience, others by format — with no logic to whyPick one primary scheme. Use a secondary scheme deliberately (e.g., topical primary, audience secondary)
Mental model matchCategories reflect internal departments or technical architecture, not user goalsCard sort with users. Reorganize around tasks or topics users recognize
Appropriate granularityToo many categories (>7 at top level) or too few (3 categories, each containing 50+ items)Aim for 5-7 top-level categories. Use progressive disclosure for depth
Cross-cutting contentContent logically belongs in multiple categories but only appears in oneProvide cross-links, related content, or faceted access. Polyhierarchy is OK
Consistent depthSome sections go 5 levels deep while others are flatBalance depth across sections. Flatten where possible; use search for deep content

Labeling System Critique

Labels are the most testable part of IA — and the most frequently wrong.

CheckViolation SignalFix Direction
User languageLabels use internal jargon, product codenames, or technical terms users don't knowTest labels with users (tree test, card sort). Use the words users use in interviews
SpecificityVague labels like "Resources," "Solutions," "More," "Manage"Make labels describe what's inside: "API documentation" not "Resources"
ConsistencySame concept labeled differently in different places ("Settings" / "Preferences" / "Configuration")Create a controlled vocabulary. One label per concept, used everywhere
Mutual exclusivityUsers can't tell the difference between two categories ("Products" vs. "Solutions," "Help" vs. "Support")Merge overlapping categories or clarify with descriptions
Icon-only labelsIcons without text for non-universal conceptsAlways pair icons with text labels. Icons alone work only for universally understood concepts (search, home, close)

Navigation System Critique

CheckViolation SignalFix Direction
OrientationUsers can't tell where they are in the hierarchyAdd breadcrumbs, highlight active nav items, match page title to nav label
Global + localOnly global navigation exists; users can't browse within a sectionAdd local/contextual navigation that adapts to the current section
Depth vs. breadthDeep hierarchies requiring 4+ clicks to reach common contentFlatten. Provide shortcuts and contextual links to frequently accessed pages
Contextual linksContent pages are dead ends — no related items, no next stepsAdd "related content," cross-links, and contextual navigation within content
Supplemental navigationNo sitemap, no index, no alternative paths to contentProvide at least one supplemental navigation for complex sites (sitemap, A-Z index, guided paths)

Search System Critique

Not every product needs search — but if it has search, evaluate it rigorously.

CheckViolation SignalFix Direction
AvailabilitySearch box is hidden, too small, or absent on content-heavy pagesMake search visible and accessible from every page
Scope clarityUsers don't know what search covers (this section? the whole site? help docs only?)Indicate search scope. Offer scope controls if multiple indexes exist
Results qualityResults don't match user intent; irrelevant items ranked firstReview search algorithm, add metadata, implement best bets for common queries
No-results experience"No results found" with no guidanceSuggest alternatives, check spelling, offer category browsing as fallback
Faceted filteringLarge result sets with no way to narrow downAdd facets/filters based on content attributes (type, date, category, status)

IA Quick Diagnostic

Five questions that surface the most common IA failures:

  1. Can a new user find [core content] in under 3 clicks? If not, the hierarchy is too deep or the labels are wrong
  2. Do the top-level categories make sense to someone outside your organization? If not, the organization scheme reflects internal structure, not user mental models
  3. If you removed the navigation, could users still guess what each page is about from its title? If not, labels aren't carrying enough meaning
  4. Is there content that users would reasonably look for in two different places? If so, do both paths lead to it? If not, cross-linking is broken
  5. When users search, do they find what they need in the top 3 results? If not, search indexing, metadata, or result ranking needs attention

Content & UX Writing Evaluation

Words are design materials — when you write the text that appears in an interface, you are designing the user experience. Content critique is not about grammar or style preferences; it's about whether the words help users accomplish their goals. This framework draws on established UX writing principles.

The Three Lenses

Evaluate all interface text through three lenses:

LensQuestionViolation Signal
UsableDo the words help people use the interface? Are they clear and accessible?Users hesitate, misinterpret, or need to re-read. Labels don't match mental models. Instructions assume knowledge users don't have
UsefulDo the words represent something people want to do? Do they add value?Happy talk that doesn't serve the task. Marketing copy where guidance should be. Content that exists for the organization, not the user
ResponsibleCould the words be misused? Are they true, kind, and inclusive?Blame language in errors. Exclusive pronouns or assumptions. Manipulative patterns (confirmshaming, false urgency)

Error Message Evaluation

Error messages are where content quality matters most — users are already frustrated.

CriterionGoodBad
Explains what happened"We couldn't save your changes because the file is too large (max 25MB)""Error 413"
Offers a way forward"Try reducing the image size or removing attachments""Please try again"
Avoids blame"We couldn't find that page""You entered an invalid URL"
Is specific"Your password needs at least 8 characters and one number""Invalid password"

Beyond edge cases — consider stress cases. Go beyond rare technical scenarios to consider emotionally charged situations where careless words cause real harm. Example: an app cheerfully saying "Looks like you have no activity this week!" to someone dealing with a health crisis.

Voice and Tone Evaluation

ElementWhat to CheckViolation Signal
Voice consistencyDoes the product sound like the same entity across all screens?Formal in settings, casual in onboarding, robotic in errors — no coherent personality
Tone appropriatenessDoes the tone match the user's emotional state?Playful during error recovery. Corporate during celebration. One-size-fits-all regardless of context
Clarity over personalityIn critical moments (errors, security, payments), does clarity win over charm?Clever copy that obscures meaning. Jokes in error states. Brand voice overwhelming usability

Tone is a channel switcher, not a volume knob. Appropriate tone means different word choices, structure, and emphasis based on context — not just more or less of the same voice.

Content Critique Checklist

  • Labels match user language — Terminology comes from research, not internal jargon (H2: Match Real World)
  • Button labels describe the action — "Save project" not "Submit," "Delete account" not "Continue" (Recognition over Recall)
  • Microcopy reduces cognitive load — Helper text appears where users need it, not in a separate help section (Tesler's Law)
  • Empty states guide next action — Not blank, not just a message — include what to do and why (Blank Slate pattern)
  • Error messages are helpful — Explain, don't blame. Offer a fix. Be specific (H9: Error Recovery)
  • Confirmation text matches the action — "Delete 3 files permanently?" not "Are you sure?" (H5: Error Prevention)
  • Progress text is accurate — Step labels reflect what actually happens in each step, not vague labels like "Details" (H1: Visibility)
  • No happy talk — Every word serves the user's task. No filler, no marketing fluff blocking the flow (H8: Minimalist Design)
  • Inclusive language — No gendered defaults, cultural assumptions, or exclusionary patterns. Consider who might feel the product wasn't made for them
  • Accessible writing — Plain language, meaningful link text, descriptive headings. Works with screen readers

Content Consistency at Scale

When reviewing products with multiple writers or teams:

ToolPurpose
Content style guideDocuments voice, tone, terminology, and grammar decisions
Word list / glossaryDefines key terms and their approved usage
UI text patternsReusable text patterns for common elements (buttons, errors, notifications, empty states)
Tone profilesDefine how voice adapts in different contexts (onboarding, errors, success, help)

Consistency isn't rigid rules — it's making the experience predictable and trustworthy for users. When every button, error, and notification follows the same patterns, users learn the system faster.


Common Design Problems

Quick pattern recognition for frequent failures:

ProblemSymptomsRoot CauseFix Direction
Choice paralysisUsers don't click anything; long time-to-actionToo many options, no hierarchyReduce options, add defaults, progressive disclosure
Mystery meat navigationUsers don't know where links goIcon-only nav, clever labels, no descriptionsAdd text labels, use conventional terms
Feature overloadUsers use 10% of featuresEverything visible at onceProgressive disclosure, role-based views
False floorUsers miss critical contentKey content below the fold with no scroll cueAdd visual continuity, content teasers, scroll indicators
Modal abuseUsers dismiss without readingInterrupting, non-contextual modalsInline messaging, contextual disclosure
Invisible system statusUsers don't know if action workedNo feedback after click/submitAdd loading states, success confirmations, progress
Inconsistent patternsUsers re-learn on every pageSame function, different UI across pagesCreate and follow component library
Jargon barriersUsers confused by terminologyInternal/technical language in UIUser-test labels, match user vocabulary
Error dead endsUsers can't recover from errorsError message with no guidanceExplain what happened + how to fix + one-click recovery
Cognitive overloadUsers abandon complex formsToo many fields, no chunking, no progressMulti-step wizard, smart defaults, progressive disclosure

For more detailed pattern analysis, see references/design-patterns-catalog.md.


Quick Critique Checklist

Use during design reviews. Each item maps to a specific principle.

Information & Content

  • Primary action is immediately clear — (Visual Hierarchy, H8)
  • Content hierarchy matches importance — (Law of Prägnanz)
  • Text is scannable: headings, short paragraphs, bullet points — (Scanning principle)
  • Labels use user language, not internal jargon — (H2: Match Real World)
  • No unnecessary content or happy talk — (H8: Minimalist Design)

Layout & Grouping

  • Related items are visually grouped — (Law of Proximity, Common Region)
  • Groups are clearly bounded — (Law of Common Region)
  • Similar elements look similar — (Law of Similarity)
  • Visual hierarchy guides the eye: primary → secondary → tertiary — (Von Restorff)
  • White space separates sections effectively — (Law of Proximity)

Navigation & Wayfinding

  • User knows where they are — (H1: Visibility, Navigation)
  • User knows what to do next — (H6: Recognition)
  • There's always a way back/home — (H3: User Control)
  • Navigation uses standard patterns — (Jakob's Law)
  • Page title/heading matches what was clicked — (H4: Consistency)

Interaction & Feedback

  • Interactive elements look interactive — (Clickable principle)
  • Click targets are large enough — (Fitts's Law, 44×44px for touch)
  • Actions provide immediate feedback — (Doherty Threshold, <400ms)
  • Destructive actions require confirmation — (H5: Error Prevention)
  • Users can undo actions — (H3: User Control)

Forms & Input

  • Every field has a visible label — (H6: Recognition)
  • Required fields are marked — (H5: Error Prevention)
  • Input formats are forgiving — (Postel's Law)
  • Good defaults reduce effort — (Tesler's Law)
  • Errors explain what's wrong AND how to fix it — (H9: Error Recovery)

States & Edge Cases

  • Empty states are designed (not blank) — (Blank Slate pattern)
  • Loading states are designed — (H1: Visibility)
  • Error states are designed — (H9: Error Recovery)
  • Success states provide confirmation — (H1: Visibility, Peak-End Rule)
  • Overflow/truncation is handled gracefully — (Responsive design)

Reference Files

  • references/heuristics-and-laws.md — Nielsen's 10 heuristics (detailed) + all 27 UX laws organized by design principle
  • references/interaction-design-principles.md — Product posture, perpetual intermediates, excise types, orchestration, interface paradigms, direct manipulation, affordances
  • references/design-patterns-catalog.md — 50+ interaction patterns organized by function: navigation, input, content, feedback, social, data interaction. When to use, when not to, common misapplications, and pattern selection guide
  • references/visual-design-principles.md — Visual hierarchy, typography, color, spacing, and layout critique points

Templates

  • templates/design-critique-template.md — Structured critique report for any design review
  • templates/heuristic-evaluation-template.md — Fillable heuristic evaluation scorecard

Examples

  • examples/critique-walkthrough.md — End-to-end critique of a fictional SaaS dashboard
  • examples/common-design-problems.md — Pattern recognition guide with before/after analysis
  • examples/pattern-selection-walkthrough.md — End-to-end pattern selection and interaction design evaluation for a task creation flow

Keep looking

Skills are one crate of 328,083. 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.