{
  "markdown": "# UX Designer Skill\n\nA Claude Code skill that provides comprehensive UX/UI design guidance based on modern best practices (2026).\n\n## What It Does\n\nGives Claude deep knowledge of user experience design principles so it can:\n\n- Design new interfaces and components with proper patterns\n- Review existing UI/UX and frontend code for issues\n- Apply WCAG 2.2 AA accessibility standards\n- Guide interaction design, form design, and navigation\n- Advise on mobile-first and responsive approaches\n- Write effective UI copy and microcopy\n- Design collaborative/multiplayer and canvas-based apps\n- Build AI-powered interfaces (chat, copilots, agents)\n- Evaluate designs for dark patterns and ethical compliance\n\n## Installation\n\nCopy or symlink the `ux-designer-skill/` directory into your Claude Code skills location:\n\n```\n~/.claude/skills/ux-designer/\n```\n\nThe skill is invocable by both user (`/ux-designer`) and Claude (auto-triggered when UX topics arise).\n\n## Structure\n\n```\nux-designer/\n├── SKILL.md                              # Main skill definition (297 lines)\n└── references/                           # 24 detailed reference files (~10,700 lines)\n    ├── 01-core-principles.md             # Nielsen heuristics, Gestalt, UX hierarchy\n    ├── 02-laws-of-ux.md                  # Fitts's, Hick's, Miller's, Jakob's, etc.\n    ├── 03-accessibility.md               # WCAG 2.2 AA compliance\n    ├── 04-visual-design.md               # Typography, color, spacing, hierarchy\n    ├── 05-information-architecture.md    # Navigation, sitemaps, card sorting\n    ├── 06-interaction-design.md          # Modals, tooltips, drag-and-drop\n    ├── 07-forms-and-inputs.md            # Validation, field types, error handling\n    ├── 08-mobile-ux.md                   # Touch targets, gestures, responsive\n    ├── 09-ux-writing.md                  # Microcopy, tone, error messages\n    ├── 10-user-research.md               # Interviews, usability testing, surveys\n    ├── 11-design-systems.md              # Tokens, components, documentation\n    ├── 12a-presence-awareness.md         # Live cursors, avatars, typing indicators\n    ├── 12b-conflict-resolution-sync.md   # OT/CRDTs, locking, offline sync\n    ├── 13a-canvas-navigation.md          # Zoom, pan, selection, manipulation\n    ├── 13b-canvas-objects-performance.md  # Layers, snapping, LOD, culling\n    ├── 14-ai-ux-patterns.md              # Chat UI, copilots, agents, generative UI\n    ├── 15-ethical-design.md              # Dark patterns, consent, GDPR/DSA\n    ├── 16-onboarding.md                  # First-run, activation, empty states\n    ├── 17-notifications.md               # Toasts, badges, push, attention management\n    ├── 18-data-visualization.md          # Charts, dashboards, KPIs\n    ├── 19-search-ux.md                   # Autocomplete, filters, results ranking\n    ├── 20-emotional-design.md            # Trust, delight, brand personality\n    ├── 21-data-tables.md                 # Sorting, pagination, bulk actions, inline edit\n    └── 22-performance-ux.md              # Skeletons, optimistic updates, CLS, lazy loading\n```\n\n## SKILL.md Highlights\n\nThe main file (always loaded into context) includes:\n\n- **Quick reference checklists** for visual design, interaction, forms, navigation, accessibility, collaboration, canvas, AI, onboarding, notifications, and ethical design\n- **Decision trees** for choosing between modal/side panel/full page and notification types\n- **Key numbers** grouped by category (layout, interaction, collaboration, AI, engagement)\n- **23 anti-patterns** with links to the reference file that shows the correct approach\n\nReference files are loaded on demand when the topic is relevant, keeping context usage efficient.\n\n## Coverage Areas\n\n| Domain | References |\n|--------|-----------|\n| Foundations | Core principles, Laws of UX, accessibility, visual design |\n| Structure | Information architecture, interaction design, forms |\n| Platform | Mobile UX, design systems |\n| Content | UX writing, user research |\n| Collaboration | Presence/awareness, conflict resolution/sync |\n| Canvas/Spatial | Navigation/interaction, objects/performance |\n| Modern | AI interfaces, ethical design, emotional design |\n| Flows | Onboarding, notifications, search |\n| Data | Data visualization, data tables, performance/loading |\n\n## Sources\n\nThe skill synthesizes guidance from 19 authoritative sources including Nielsen Norman Group, WCAG 2.2, Material Design, Apple HIG, Laws of UX, Google PAIR, Microsoft HAX Toolkit, Baymard Institute, The A11y Project, and web.dev.\n",
  "bytes": 4545,
  "sha": "7a076f5333b5c869a9ebffa71c8733d2a978f01109f748763bde16344273f2b7",
  "repo_slug": "szilu/ux-designer-skill",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_szilu_ux_designer_skill_ux_designer_391d542f/readme"
}