Results for “nextjs”

Render declarative UI widgets from JSON for React/Next.js applications, enabling agent-generated UIs, dynamic forms, and interactive cards.

Provides practical patterns for using fp-ts with React, including hooks, state management, form validation, and data fetching.

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

Generates frontend source code and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.

Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache Components, layouts, middleware/proxy, data fetching, rendering strategies, and deployment on Vercel.

Organizes 70+ React and Next.js performance optimization rules across 8 priority categories for use when writing, reviewing, or refactoring code.

Migrate an existing web React app to a native iOS/Android app with Expo, screen by screen, using a strangler fig pattern.

Extract self-contained static HTML from a built web application or React components by inlining CSS and images.

Builds production-ready frontend pages with premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art.

Provides Kelvin Garr's fixed AICA brand identity and Next.js 14 implementation guide for building his personal sites and AICA-branded projects.

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

Converts Stitch screen designs into production React components, fetching and caching assets locally, extracting design tokens, and archiving existing pages before replacement.

Generates frontend source code files and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.

Adds smooth, native-feeling animations to React apps using the View Transition API, covering shared elements, route changes, and list reordering with CSS-based control.

Audits a page or component against the Digital Curator design spec and movemental conventions, checking visual quality, accessibility, token compliance, and consistency before shipping.

Explains Next.js App Router architecture with file-based routing, layouts, loading and error states, dynamic routes, and route handlers.

Write Jest or Vitest unit tests with React Testing Library and Playwright E2E tests for Next.js projects. Use when testing components with RTL, mocking APIs with MSW, or creating Playwright user flow tests.

Secure Next.js App Router with middleware auth, Server Action validation, CSP headers, and taint APIs. Use when adding authentication middleware, validating Server Action inputs with Zod, or preventing secret leakage to client bundles.

Provides a foundational motion system for React/Next.js apps using motion/react, including tokens, spring presets, accessibility enforcement, SSR safety, and performance rules.

Optimizes React and Next.js performance with 69 prioritized rules covering waterfalls, bundle size, server-side rendering, and re-rendering patterns.

Audits any movemental.com page across UI, content, architecture, UX, and conversion, then writes a markdown report and a standalone fix prompt.

Implement zero-runtime CSS with Tailwind, CSS Modules, and the cn() utility for RSC-compatible styling in Next.js. Use when choosing a styling library, creating dynamic class utilities, or optimizing fonts with next/font.

Generates unit tests, integration tests, and E2E tests for React/Next.js applications by scanning components, analyzing coverage reports, and scaffolding Playwright test files.

Build scroll animations, parallax effects, pinned sections, and scroll-triggered reveals using GSAP ScrollTrigger or Framer Motion in vanilla JS, React, or Next.js.

Provides backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

Applies Kelvin Garr's fixed AICA brand identity—black glass, gold circuits, Space Grotesk—and Next.js 14 implementation guide for his personal sites and AICA-branded projects.

Practical patterns for using fp-ts with React, covering hooks, state, forms, and data fetching for React 18/19 and Next.js 14/15.

Provides practical accessibility patterns for React and Next.js, covering form labeling, semantic HTML, ARIA attributes, keyboard navigation, focus management, and screen reader support.

Optimize React and Next.js applications with 70 performance rules across 8 categories, prioritized by impact for automated refactoring and code generation.

Practical patterns for using fp-ts with React, covering hooks, state management, form validation, and data fetching for React 18/19 and Next.js 14/15.

Build complex, interactive animations in React/Next.js including drag-and-drop, gestures, text animations, SVG path drawing, custom hooks, and imperative sequences.

Apply functional programming patterns with fp-ts in React, covering state management, form validation, and data fetching for React 18/19 and Next.js 14/15.

Add a batteries-included agent component to React/Next.js apps with runtime, streaming, human-in-the-loop approvals, and client-side tools.

Practical patterns for using fp-ts with React, covering hooks, state management, form validation, and data fetching for React 18/19 and Next.js 14/15.

Generates premium React/Next.js frontend code with deterministic typography, calibrated color palettes, and motion physics, enforcing anti-cliché design rules and performance guardrails.

Migrates a Stitch screen to production React: fetches and caches wireframes, archives existing pages, converts to shadcn/ui components with semantic tokens, and documents the design system layers.