ui-ux-design
UI/UX Design
Domain: User interface design, user experience optimization, accessibility compliance, design systems
Applicable To: Web applications, VS Code extensions, mobile apps, desktop software
Skill Type: Systematic design audit, accessibility validation, design system implementation
Decision Table
| Issue | Solution | Standard |
|---|---|---|
| Text too small | Minimum 11px for body, 14px for UI | WCAG AA |
| Low contrast | Check ratio ≥4.5:1 (normal), ≥3:1 (large) | WCAG AA |
| Tiny click targets | Minimum 44×44px, prefer 48×48px | WCAG 2.5.5 |
| Color-only feedback | Add icons, patterns, or text labels | WCAG 1.4.1 |
| Missing alt text | Add alt or aria-label to images |
WCAG 1.1.1 |
| Inconsistent spacing | Use 8px base unit scale | Design System |
More from fabioc-aloha/alex_skill_mall
refactor
Systematic code refactoring to improve maintainability without changing behavior. Use when asked to "refactor this", "clean up this code", "improve code quality", "simplify this", "reduce complexity", or "eliminate code smells". Always preserves existing behavior.
1socratic-questioning
Help users discover answers, don't just deliver them.
1graphic-design
Patterns for visual design, SVG creation, layout composition, typography, and brand identity.
1deep-review
Adversarial code review with three parallel perspectives — Advocate, Skeptic, Architect — that create productive tension. Use for high-stakes PRs, architectural changes, or when single-pass review would miss issues. Surfaces findings through disagreement, not consensus.
1data-preparation
Data cleaning, profiling, transformation, and quality gates -- prepares raw data for visualization and analysis
1dashboard-design
Dashboard layout patterns, KPI card design, filter architecture, narrative flow through panels, and self-contained HTML generation
1