VectorLab UI/UX Skills

Skills

21 in the Claude listing

• Anti slopRejects glassmorphism, rainbow CTAs, cartoon empty states, and SaaS visual clutter.
• Colour paletteApplies 60-30-10 colour distribution and elevation via borders then soft shadows.
• defaultsIntelligent defaults and draft persistence so users avoid blank busywork.
• Empty statesBuilds actionable empty and filtered-zero states with clear CTAs.
• errorsWrites error copy that never blames the user and always offers recovery.
• formsBlur-first validation, instant error clear, fewer fields, clickable submit.
• Icon buttonsCollapses labeled toolbar controls to square icon buttons with required tooltips and shortcut kbd.
• keyboardFull keyboard access, visible focus rings, and focus trap/restore for overlays.
• labelsRequires visible labels on every input; placeholders only for format hints.
• loadersChooses loaders by duration — none under 100ms, inline to 1s, skeletons beyond.
• motionDefines duration tokens, easing, and which properties may animate.
• Page patternsNames one locked page pattern (list, detail, form, dashboard, settings, board, calendar, split pane, analytics, inbox) before any new page is built.
• Reduced motionHonors prefers-reduced-motion with instant or opacity-only fallbacks.
• Setup ui ux skillsConfigure this repo for VectorLab UI/UX skills: aesthetic reference, banned anti-patterns, accessibility target, microcopy voice, and icon library.
• spacingEnforces optical alignment, 4/8pt spatial rhythm, and container/line-length constraints.
• surfacesRoutes tasks to inline edit, slide-over, or a page; requires named destructive confirmation and zero layout shift on single-field edits.
• transitionsEnter/exit patterns for overlays and lists without layout jump.
• typographyDefines typographic scales, weight limits, and line-height pairing.
• Ux auditAudits the current UI working set against every installed VectorLab UX skill.
• verbsEnforces verb-first CTA and button labels; bans OK, Submit, and Proceed.
• viewportsKeeps layouts usable from 375px to 1280px: no page overflow, collapsed chrome, profile touch targets, and tap-first actions.