โ† Back to list
georgekhananaev

ux-toolkit

by georgekhananaev

A curated collection of high impact skills for Claude Code designed to supercharge the senior full stack workflow. This vault automates the repetitive parts of development like architectural reviews, TDD cycles, and PR management so you can stay in flow. It is a force multiplier for shipping clean, production ready code at scale. ๐Ÿš€โšก๏ธ

โญ 5๐Ÿด 5๐Ÿ“… Jan 14, 2026

SKILL.md


name: ux-toolkit description: Comprehensive UX evaluation meta-skill. Use when conducting UI/UX audits, accessibility reviews, user flow analysis, responsive testing, or interaction design evaluation. version: 2.0.0

UX Toolkit

Professional-grade meta-skill for systematic UX evaluation across 9 domains. Framework-agnostic design works for web, mobile, and desktop applications.

When to Use

Invoke for:

  • UI/UX heuristic evaluations (Nielsen + modern methodologies)
  • Accessibility (WCAG 2.2) compliance audits
  • User flow & friction analysis
  • Responsive/cross-device testing
  • Interaction & micro-interaction review
  • Design system consistency audits
  • Content & UX writing review
  • AI/ML interface patterns
  • Privacy & ethical design review

Audit Type Selection

What do you need to evaluate?
    โ”‚
    โ”œโ”€โ–บ Full UX Audit โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ–บ Load ALL references
    โ”‚
    โ”œโ”€โ–บ Accessibility Only โ”€โ”€โ”€โ”€โ–บ Load accessibility-inspector.md
    โ”‚
    โ”œโ”€โ–บ Usability Review โ”€โ”€โ”€โ”€โ”€โ”€โ–บ Load heuristic-audit.md + user-flow-analysis.md
    โ”‚
    โ”œโ”€โ–บ Visual/Responsive โ”€โ”€โ”€โ”€โ”€โ–บ Load responsive-behavior.md + interaction-review.md
    โ”‚
    โ”œโ”€โ–บ Design System โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ–บ Load design-system-audit.md
    โ”‚
    โ”œโ”€โ–บ Content Audit โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ–บ Load content-ux-audit.md
    โ”‚
    โ”œโ”€โ–บ AI Interface โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ–บ Load ai-ux-patterns.md
    โ”‚
    โ””โ”€โ–บ Privacy/Ethics โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ–บ Load privacy-ethics-audit.md

Sub-Workflows

DomainReferencePurpose
Heuristic Auditreferences/heuristic-audit.mdNielsen's 10 + modern methodologies (OOUX, JTBD, Cognitive Walkthrough)
A11Y Inspectorreferences/accessibility-inspector.mdWCAG 2.2 AA/AAA, keyboard nav, screen readers
Flow Analysisreferences/user-flow-analysis.mdTask paths, friction points, cognitive load
Responsivereferences/responsive-behavior.mdBreakpoints, touch targets, RTL/LTR, PWA
Interactionsreferences/interaction-review.mdMicro-interactions, animations, feedback
Design Systemreferences/design-system-audit.mdToken consistency, component audit
Content UXreferences/content-ux-audit.mdUX writing, readability, voice & tone
AI/ML Patternsreferences/ai-ux-patterns.mdExplainability, trust, ML error handling
Privacy & Ethicsreferences/privacy-ethics-audit.mdDark patterns, consent, GDPR/DSA compliance

Quick Start

1. Define Scope

Audit Scope:
โ”œโ”€โ”€ Screens/Pages: [List target screens]
โ”œโ”€โ”€ User Flows: [Primary conversion, core tasks]
โ”œโ”€โ”€ Platform: [Web/Mobile/Desktop/All]
โ”œโ”€โ”€ WCAG Target: [A/AA/AAA]
โ””โ”€โ”€ Priority Focus: [Accessibility/Usability/Performance]

2. Select Audit Type

TypeReferencesTimeCoverage
Quick A11Yaccessibility-inspector.md1-2hAutomated + keyboard nav
Heuristic Reviewheuristic-audit.md2-4hNielsen's 10 + severity
Full UX AuditAll 9 references1-2dComplete evaluation
Focused Audit2-3 specific refs3-6hTargeted domain review

3. Execute Workflow

Each reference contains:

  • Checklist items w/ pass/fail criteria
  • Severity + effort classification
  • Remediation guidance
  • Tool recommendations

4. Generate Report

python3 scripts/generate_report.py --type [full|heuristic|a11y|flow|responsive|interaction] --output report.md --format [md|json|csv]

Severity Classification

LevelImpactFrequencyPriorityAction
CriticalBlocks taskAnyP0Fix immediately
MajorSignificant friction>50% usersP1Fix before release
MinorReduced efficiency<50% usersP2Fix in next sprint
CosmeticPolish issueAnyP3Backlog

Priority Matrix

                    HIGH FREQUENCY
                         โ”‚
         โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
         โ”‚               โ”‚               โ”‚
         โ”‚   MAJOR       โ”‚   CRITICAL    โ”‚
         โ”‚   (P1)        โ”‚   (P0)        โ”‚
         โ”‚               โ”‚               โ”‚
LOW      โ”œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ค      HIGH
IMPACT   โ”‚               โ”‚               โ”‚      IMPACT
         โ”‚   COSMETIC    โ”‚   MINOR       โ”‚
         โ”‚   (P3)        โ”‚   (P2)        โ”‚
         โ”‚               โ”‚               โ”‚
         โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                         โ”‚
                    LOW FREQUENCY

Effort Estimation

EffortDescriptionExamples
Low< 1 hour, single fileCSS fix, label addition, alt text
Medium1-4 hours, few filesComponent refactor, form validation
High> 4 hours, architecturalNavigation restructure, focus management

Modern Methodologies

Beyond Nielsen's 10 heuristics, this toolkit incorporates:

MethodologyFocusWhen to Use
Cognitive WalkthroughTask completion probabilityComplex flows, onboarding
OOUXObject-noun consistencyInformation architecture
JTBDJob stories validationFeature validation
Six Minds FrameworkCognitive architectureComplex interfaces
Baymard HeuristicsE-commerce specificsShopping flows

WCAG Compliance Levels

LevelRequirementTarget
AMinimum accessibilityBaseline
AAAcceptable accessibilityStandard target
AAAEnhanced accessibilitySpecific audiences

WCAG 2.2 Status: This toolkit covers all 9 new WCAG 2.2 criteria (October 2023).

Platform Adapters

PlatformAutomated TestingManual Testing
Webaxe-core, LighthouseBrowser DevTools
iOSXcode Accessibility InspectorVoiceOver
AndroidAccessibility Scanner (ADB)TalkBack
DesktopPlatform-specific toolsKeyboard + screen reader
Design FilesFigma plugins (Stark, A11y)Manual review

Integration Points

ToolPurposeUsage
axe-coreAutomated a11yscripts/run_axe.js
LighthousePerformance + a11yChrome DevTools
Contrast CheckerColor ratiosscripts/check_contrast.py
ReadabilityContent grade levelFlesch-Kincaid analysis
Visual RegressionLayout stabilityBackstopJS/Playwright

Process Overview

1. Scope Definition     โ†’ Define screens/flows to audit
2. Reference Loading    โ†’ Load relevant sub-workflow(s)
3. Automated Scans      โ†’ Run axe-core, Lighthouse
4. Manual Review        โ†’ Execute checklists
5. Finding Capture      โ†’ Document w/ severity + effort
6. Prioritization       โ†’ Apply Impact ร— Frequency matrix
7. Report Generation    โ†’ Compile actionable report

Anti-Patterns to Detect

Anti-PatternCategorySeverity
Confirm-shamingDark PatternCritical
Hidden costsDark PatternCritical
Forced continuityDark PatternMajor
No loading feedbackVisibilityMajor
Keyboard trapsAccessibilityCritical
Color-only indicatorsAccessibilityMajor
Infinite scroll w/o footerNavigationMinor
Auto-playing video w/ soundAttentionMajor

Competitive Benchmarking

For comprehensive audits, compare key flows against 1-2 competitors:

| Metric | Your Product | Competitor A | Competitor B |
|--------|--------------|--------------|--------------|
| Task completion time | Xs | Xs | Xs |
| Click count | X | X | X |
| Error rate | X% | X% | X% |
| A11y score (Lighthouse) | X | X | X |

Report Formats

FormatUse CaseCommand
MarkdownDocumentation, PRs--format md
JSONJira/Linear import--format json
CSVSpreadsheet analysis--format csv

Files Structure

ux-toolkit/
โ”œโ”€โ”€ SKILL.md                          # This file
โ”œโ”€โ”€ references/
โ”‚   โ”œโ”€โ”€ heuristic-audit.md            # Nielsen + modern heuristics
โ”‚   โ”œโ”€โ”€ accessibility-inspector.md    # WCAG 2.2 compliance
โ”‚   โ”œโ”€โ”€ user-flow-analysis.md         # Flow & friction analysis
โ”‚   โ”œโ”€โ”€ responsive-behavior.md        # Cross-device behavior
โ”‚   โ”œโ”€โ”€ interaction-review.md         # Micro-interactions
โ”‚   โ”œโ”€โ”€ design-system-audit.md        # Token & component audit
โ”‚   โ”œโ”€โ”€ content-ux-audit.md           # UX writing & readability
โ”‚   โ”œโ”€โ”€ ai-ux-patterns.md             # AI/ML interface patterns
โ”‚   โ””โ”€โ”€ privacy-ethics-audit.md       # Dark patterns & consent
โ”œโ”€โ”€ scripts/
โ”‚   โ”œโ”€โ”€ check_contrast.py             # Color contrast checker
โ”‚   โ”œโ”€โ”€ generate_report.py            # Report generator
โ”‚   โ””โ”€โ”€ run_axe.js                    # Automated a11y testing
โ””โ”€โ”€ data/
    โ””โ”€โ”€ issues-database.json          # Common issues + remediation

Ref: Load specific references/*.md for detailed checklists & workflows.

Score

Total Score

75/100

Based on repository quality metrics

โœ“SKILL.md

SKILL.mdใƒ•ใ‚กใ‚คใƒซใŒๅซใพใ‚Œใฆใ„ใ‚‹

+20
โœ“LICENSE

ใƒฉใ‚คใ‚ปใƒณใ‚นใŒ่จญๅฎšใ•ใ‚Œใฆใ„ใ‚‹

+10
โœ“่ชฌๆ˜Žๆ–‡

100ๆ–‡ๅญ—ไปฅไธŠใฎ่ชฌๆ˜ŽใŒใ‚ใ‚‹

+10
โ—‹ไบบๆฐ—

GitHub Stars 100ไปฅไธŠ

0/15
โœ“ๆœ€่ฟ‘ใฎๆดปๅ‹•

1ใƒถๆœˆไปฅๅ†…ใซๆ›ดๆ–ฐ

+10
โ—‹ใƒ•ใ‚ฉใƒผใ‚ฏ

10ๅ›žไปฅไธŠใƒ•ใ‚ฉใƒผใ‚ฏใ•ใ‚Œใฆใ„ใ‚‹

0/5
โœ“Issue็ฎก็†

ใ‚ชใƒผใƒ—ใƒณIssueใŒ50ๆœชๆบ€

+5
โœ“่จ€่ชž

ใƒ—ใƒญใ‚ฐใƒฉใƒŸใƒณใ‚ฐ่จ€่ชžใŒ่จญๅฎšใ•ใ‚Œใฆใ„ใ‚‹

+5
โœ“ใ‚ฟใ‚ฐ

1ใคไปฅไธŠใฎใ‚ฟใ‚ฐใŒ่จญๅฎšใ•ใ‚Œใฆใ„ใ‚‹

+5

Reviews

๐Ÿ’ฌ

Reviews coming soon