Results for “accessibility”

Integrate and customize shadcn/ui components with full ownership, including discovery, installation, theming, and best practices.

Design comfortable, accessible dark mode interfaces with proper color adaptation, contrast, and surface hierarchy.

Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.

Enforces an opinionated UI baseline to fix spacing, hierarchy, typography, and layout issues in AI-generated interfaces.

Onboards brand tokens and generates a 12-token CSS palette for consistent, WCAG-AA-compliant HTML document styling across markdown conversions.

Review UI implementations against design quality standards and design system compliance, or create distinctive, production-grade frontend interfaces from scratch.

Create zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files, with viewport-fit enforcement and visual style exploration.

Audits Vue 3 components for design-system consistency, legacy patterns, and missing states, producing a component log.

Stays current on UI design patterns, tools, and frameworks by monitoring release notes and running targeted search queries.

Visually inspect websites to identify and fix design issues including layout, responsive, accessibility, and visual consistency problems at the source code level.

Apply the Von Restorff Effect to make the most important element visually distinct from its surroundings, improving attention and recall.

Create beautiful, accessible user interfaces with shadcn/ui components, Tailwind CSS utility-first styling, and canvas-based visual designs.

Builds accessible React UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

Guides Android native app development with Material Design 3, Kotlin/Compose, project configuration, accessibility, and build troubleshooting.

Provides a frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces.

Implements accessible, performant animations and transitions in React/Next.js apps using Motion, with tokens, reduced-motion support, and device adaptation.

Audits a codebase against a multi-layer design system, checking token, primitive, component, and layout drift with automated grep checks and severity ratings.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Provides frontend design direction, design systems, visual philosophy, and production-grade UI styling for web interfaces, including layout critique, usability auditing, and asset generation.

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

Audita criativos antes da aprovação, verificando contraste, legibilidade, área segura, hierarquia, aderência ao brand kit e conformidade, com veredito de aprovação, ajuste ou reprovação.

Design, implement, and audit accessible frontend interfaces with a concise checklist for keyboard navigation, ARIA, focus states, and color contrast.

Guides the design of effective, user-friendly, and accessible Power BI reports with optimal chart selection and layout design.

Audits and upgrades existing websites and apps to premium quality by identifying generic AI patterns and applying high-end design standards without breaking functionality.

Enforces an opinionated UI baseline to prevent AI-generated interface slop, covering Tailwind CSS, accessible components, interaction patterns, animation constraints, typography, layout, and performance.

Adds strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes, generating harmonious color systems with automatic light/dark variants and accessible contrast ratios.

Designs accessible, consistent user interfaces using atomic design methodology, design systems, and WCAG 2.1 AA standards, producing annotated specs for developer handoff.

Generates design systems and UI/UX recommendations for React Native projects, with domain-specific searches for styles, colors, typography, and best practices.

Build production-quality user interfaces that are accessible, performant, and visually polished, with guidance on component architecture, state management, design system adherence, and accessibility.

Enforces a canonical UI/UX ruleset with 14 sections and 70+ prioritized rules (P0–P3) for implementing, reviewing, or auditing UI components, referencing tokens from a theme reference.

Full automated QA suite — visual design review + UAT functional testing. Screenshots every viewport, analyzes against Nick's design system, then runs functional UAT (navigation, links, forms, buttons, auth flow, accessibility, performance, console errors, responsive testing). Use after every deployment.

Guides implementation of accessible web interfaces to meet WCAG 2.2 AA, WAI-ARIA 1.2, and WCAG2ICT standards, covering semantic HTML, ARIA patterns, focus management, and automated validation.

Establishes or validates a canonical Icon wrapper component, size token scale, stroke weight conventions, and illustration usage standards for a project, creating src/components/ui/icon.tsx and documenting the system.

Audits a codebase's animation and motion code, then produces a prioritized list of findings and self-contained implementation plans for other agents to execute.

Performs a meticulous final pass on frontend work, checking visual alignment, typography, color contrast, interaction states, micro-interactions, content, icons, forms, edge cases, responsiveness, performance, and code quality to elevate work from shipped to polished.