Frontend Engineering

Transform generic Tailwind into high-end glassmorphism with safe blur budgets, atmospheric depth, and performance-aware motion.

CodexClaude CodeKimi Codeorchestrator-mcp

Plan premium motion and UI polish upgrades without mutating code prematurely.

CodexClaude CodeKimi Codeorchestrator-mcp

Detect when implemented UI patterns drift away from the intended design language, tokens, or motion rules.

CodexClaude CodeKimi Codeorchestrator-mcp

Creates smooth, performant animations of CSS custom properties using @property to enable transitions on gradients, transforms, and complex values

CodexClaude CodeKimi Codeorchestrator-mcp

Creates immersive 3D experiences using CSS transforms, perspective, and transform-style for depth and dimension without JavaScript

CodexClaude CodeKimi Codeorchestrator-mcp

Creates fully accessible forms with proper labeling, error handling, validation announcements, and keyboard navigation for all users

CodexClaude CodeKimi Codeorchestrator-mcp

Create cinematic motion systems with reduced-motion fallbacks, semantic announcements, and inclusive scroll choreography.

CodexClaude CodeKimi Codeorchestrator-mcp

Replace heavy JavaScript-driven motion with lighter alternatives when animation polish is hurting bundle size or runtime cost.

CodexClaude CodeKimi Codeorchestrator-mcp

Implements complete ARIA patterns for complex components ensuring full screen reader support and keyboard navigation compliance

CodexClaude CodeKimi Codeorchestrator-mcp

Maintain product and UI parity across languages while adapting tone and cultural context beyond literal translation.

CodexClaude CodeKimi Codeorchestrator-mcp

Architects CSS with @layer to eliminate specificity wars and create predictable, maintainable style hierarchies

CodexClaude CodeKimi Codeorchestrator-mcp

Eliminates layout shifts by reserving space for dynamic content, optimizing font loading, and stabilizing the visual experience

CodexClaude CodeKimi Codeorchestrator-mcp

Ensures WCAG 2.2 AA compliance for all color combinations using automated tools and manual verification for accessible text and UI elements

CodexClaude CodeKimi Codeorchestrator-mcp

Refactor prop-heavy React trees into compound components and cleaner composition APIs with stronger inference.

CodexClaude CodeKimi Codeorchestrator-mcp

Designs unstyled, accessible component primitives (headless UI) that provide behavior and accessibility while allowing complete styling flexibility

CodexClaude CodeKimi Codeorchestrator-mcp

Replaces media queries with container queries for truly component-responsive layouts that adapt to their parent, not just the viewport

CodexClaude CodeKimi Codeorchestrator-mcp

Audits and fixes all three Core Web Vitals (LCP, INP, CLS) with targeted optimizations for each metric

CodexClaude CodeKimi Codeorchestrator-mcp

Move responsive logic from page-level breakpoints into component-level container queries without regressions.

CodexClaude CodeKimi Codeorchestrator-mcp

Transforms flat, repetitive CSS into clean, maintainable nested structures using native CSS nesting with proper & selector usage

CodexClaude CodeKimi Codeorchestrator-mcp

Creates complex, aligned layouts using CSS subgrid to synchronize nested grid items with parent grid tracks

CodexClaude CodeKimi Codeorchestrator-mcp

Creates comprehensive, usable design system documentation with live examples, usage guidelines, and interactive component playgrounds

CodexClaude CodeKimi Codeorchestrator-mcp

Creates comprehensive design token systems that bridge design and code with semantic naming, multi-platform support, and automated transformation pipelines

CodexClaude CodeKimi Codeorchestrator-mcp

Sync design tokens into code systems with theme-aware mappings, utility classes, and drift resistance.

CodexClaude CodeKimi Codeorchestrator-mcp

Wrap interface trees with resilient error boundaries, fallback recovery, and observability-friendly failure paths.

CodexClaude CodeKimi Codeorchestrator-mcp

Implements robust focus management for modals, dialogs, and dynamic content ensuring keyboard users never lose their place

CodexClaude CodeKimi Codeorchestrator-mcp

Unify form UX around typed schemas, accessible feedback, and i18n-aware validation contracts.

CodexClaude CodeKimi Codeorchestrator-mcp

Implements touch gestures, drag interactions, and swipe behaviors using native APIs and libraries for intuitive mobile and desktop experiences

CodexClaude CodeKimi Codeorchestrator-mcp

Replace naive image usage with responsive pipelines, better formats, and perceptual loading strategies.

CodexClaude CodeKimi Codeorchestrator-mcp

Diagnoses and fixes slow interactions by optimizing event handlers, reducing main thread work, and implementing yielding patterns

CodexClaude CodeKimi Codeorchestrator-mcp

Add keyboard-first control systems with focus traps, jump shortcuts, and SPA navigation semantics.

CodexClaude CodeKimi Codeorchestrator-mcp

Optimizes the largest contentful paint element through image optimization, resource prioritization, and critical path optimization

CodexClaude CodeKimi Codeorchestrator-mcp

Creates delightful micro-interactions that provide feedback, guide users, and add personality through carefully crafted animations and transitions

CodexClaude CodeKimi Codeorchestrator-mcp

Optimizes the loading priority of all resources using preload, prefetch, preconnect, and modulepreload for maximum performance

CodexClaude CodeKimi Codeorchestrator-mcp

Tests components with actual screen readers (NVDA, JAWS, VoiceOver) and creates automated accessibility testing pipelines

CodexClaude CodeKimi Codeorchestrator-mcp

Creates scroll-driven animations using Intersection Observer, GSAP ScrollTrigger, and CSS scroll-timeline for engaging scroll experiences

CodexClaude CodeKimi Codeorchestrator-mcp

Identify interactive islands in otherwise static pages and hydrate only what truly needs runtime code.

CodexClaude CodeKimi Codeorchestrator-mcp

Builds automated token transformation pipelines that convert design tokens into platform-specific formats (CSS, iOS, Android, Figma)

CodexClaude CodeKimi Codeorchestrator-mcp

Convert loose SVG collections into typed icon systems with sprite optimization and reliable naming.

CodexClaude CodeKimi Codeorchestrator-mcp

Builds comprehensive theming systems with runtime theme switching, CSS custom property injection, and theme-aware component styling

CodexClaude CodeKimi Codeorchestrator-mcp

Implements smooth page transitions and element morphing using the View Transition API for native-feeling navigation experiences

CodexClaude CodeKimi Codeorchestrator-mcp

Introduce high-volume list rendering with dynamic height support and smooth scrolling under real data load.

CodexClaude CodeKimi Codeorchestrator-mcp

Diagnose and fix CLS, LCP, and interaction regressions with concrete code changes instead of generic advice.

CodexClaude CodeKimi Codeorchestrator-mcp