Frontend

Generate Angular components and services using signals, forms and SSR practices

Make React and Next.js UIs accessible with semantic HTML, ARIA and focus handling

Apply React and Next.js patterns for state management, rendering performance and UI

Build drag, gesture, text and SVG path animations in React with the motion library

Set up motion tokens, spring presets and reduced-motion handling for React apps

Animate buttons, modals, toasts and page transitions in React and Next.js

Speed up Next.js 16 dev startup and hot reload with Turbopack and its caching

Build Nuxt 4 apps with hydration-safe components and SSR-safe data fetching

Write React 18 and 19 components with sound hooks, boundaries and form actions

Turn UI screenshots and design exports into Vue 3 components with Vant or Element Plus

Configure Vite builds with plugins, env variables, proxies and library mode

Write Vue 3 components with Composition API, Pinia state and Nuxt SSR patterns

Design and build cinematic landing pages with film-style layout and motion

Build creative browser demos with text layout that skips the DOM

Build scroll-driven landing pages where scrolling drives the animation timeline

Turn a Figma design into production front-end code using Figma MCP context

Translate Figma motion and keyframe animations into production app code

Build multi-component React and shadcn/ui HTML artifacts with state and routing

Audit Next.js client bundles and cut browser startup work on slow routes

Turn on Next.js Cache Components and fix the routes that block prerendering

Make a Next.js route show meaningful UI instantly on load and client navigation

Turn on Next.js Partial Prefetching and work through the insights it surfaces

Make selected Next.js navigations instant by prefetching the right UI before clicks

Build accessible UIs with shadcn/ui, Radix and Tailwind CSS utility styling

Turn approved designs into production-quality HTML and CSS pages

Migrate React components and projects from Radix UI primitives to Base UI

Add, search, fix and style shadcn/ui components and component registries

Build accessible, responsive production UIs with solid state and layout handling

Add easing, springs, exits and reduced motion to existing interface components

Build a self-contained floating chat widget with social links and a meeting button

Add tasteful micro-interactions, state transitions and page motion to an existing UI

Convert an accepted design into a Next.js App Router project with components and styles

Turn Figma frames into production code with close to pixel-level visual fidelity

Build distinctive production-grade pages and components in HTML, CSS or React

Build hero pages and showcase sites with cinematic animation and generated media

Build restrained landing pages and app UIs with strong composition and clear hierarchy

Generate design images for a website first, then build the site to match them

Find, pick and adapt web motion effects from 160 HTML, CSS and JS examples

Rebuild animations and WebGL effects from a reference site as editable code

Compile scroll, pointer and drag motion for web pages from video and frame sequences

Build a self-contained homepage with a 3D wordmark, scroll motion and variable fonts

Build accessible React components with shadcn/ui and Tailwind

Write GLSL shaders for ray marching, fluid simulation and particle systems

Build 3D scenes and interactive browser experiences with Three.js materials and controls

Reconstruct easing and spring curves from a screen recording to match real UI motion

Give agents opinionated constraints that keep many small UI pieces coherent

Build multi-file React and Tailwind HTML artifacts that can be embedded and shared

Build a WebGL2 hero with aurora curtains over a starry sky that sways with the cursor

Build a WebGL2 hero with animated water caustics that ripple when clicked