Results for “next”

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.

Turns product strategy into a production-grade MVP or shipped full-stack application using Next.js, Supabase, and Vercel with disciplined scope and quality standards.

Analyzes current state and user query to answer BMad questions or recommend the next skill(s) to use. Use when user asks for help, bmad help, what to do next, or what to start with in BMad.

Analyzes current state and user query to answer BMad questions or recommend the next skill(s) to use. Use when user asks for help, bmad help, what to do next, or what to start with in BMad.

Analyzes current state and user query to answer BMad questions or recommend the next skill(s) to use. Use when user asks for help, bmad help, what to do next, or what to start with in BMad.

Ship already-finished work, optionally deploy it, and prepare the next step

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.

Simulates Steve Jobs — co-founder of Apple, CEO of Pixar, and founder of NeXT — providing deep psychological and strategic simulation of his thinking, design philosophy, and presentation style.

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

At the start of a session, reads the session baton file to restate the goal and next task, and opens any doc listed under "Read first" before confirming the next step with the user.

Transform learning content (like YouTube transcripts, articles, tutorials) into actionable implementation plans using the Ship-Learn-Next framework. Use when user wants to turn advice, lessons, or educational content into concrete action steps, reps, or a learning quest.

Map product assumptions by risk, confidence, evidence, and next validation step.

Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.

Predicts the highest-impact next action for your project by running a 5-agent meta-DAG pipeline. Gathers project signals automatically (git, recent files, port-daddy, CLAUDE.md), then runs sensemaker → decomposer → skill-selector + premortem → synthesizer. When execution is approved, convert each predicted node into a skillful node prompt using skillful-node-prompt + skillful-subagent-creator, prefer live WinDAGs visualization backed by POST /api/execute and /ws/execution/:id, and fall back to ASCII only when live visualization is unavailable. Activate on: "what should I do", "what's next", "next move", "/next-move", "where should I focus", "what's the highest impact thing right now". NOT for: creating skills, debugging one specific bug, or promising topology-specific runtime behavior the current server cannot execute.

Check project progress, show context, and route to next action (execute or plan)

Generates a morning briefing — what ran overnight, what it cost, what to do next

Analyzes what is done and the users query and offers advice on what to do next. Use if user says what should I do next or what do I do now or I'm stuck or I don't know what to do

Scans API route definitions across frameworks (Next.js, Express, FastAPI, Django REST) and auto-generates comprehensive test suites covering auth, input validation, error codes, pagination, file uploads, and rate limiting.

Type-safe API route handler with automatic Zod validation for Next.js App Router...

Provides React/Next.js UI components for displaying tool call lifecycle states including pending, running, approval, success, and error, with support for human-in-the-loop approval flows.

Audits and fixes responsive design issues across specified pages or sections, covering breakpoint coverage, layout collapse, touch targets, typography scaling, overflow, and navigation, with mobile-first enforcement for Next.js and Tailwind projects.

Generates a complete, production-ready SaaS project boilerplate with Next.js 14+, TypeScript, Tailwind CSS, shadcn/ui, Drizzle ORM, and Stripe, including authentication, database schemas, billing integration, API routes, and a working dashboard.

Summarize AFPS product-workflow progress from existing artifacts and recommend the next concrete skill command

Deep Supabase reference — auth flows, RLS patterns, edge functions, realtime, storage, Next.js SSR integration.

Route a task to the next synced SDLC workflow based on current artifacts and repo state.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Create a clear project status brief with progress, risks, blockers, decisions, and next actions.