lb-nextjs16-skillComplete Next.js 16 documentation in markdown format. Use when working with Next.js projects, building React applications, configuring routing, data fetching, rendering strategies, deployment, or migrating from other frameworks. Covers App Router, Pages Router, API routes, server components, server actions, caching, and all Next.js features.
Install via ClawdBot CLI:
clawdbot install leonaaardob/lb-nextjs16-skillGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/vercel/next.jsAudited Apr 16, 2026 · audit v1.0
Generated Apr 3, 2026
A tech startup is developing a customer-facing dashboard using Next.js 16 with the App Router for server-side rendering and dynamic data fetching. They need guidance on setting up authentication, caching strategies for real-time data, and deploying to a self-hosted environment for cost control. This skill provides documentation on App Router structure, authentication patterns, and self-hosting guides.
An e-commerce company is migrating from Create React App to Next.js 16 to improve SEO and performance with static site generation and incremental static regeneration. They require assistance with migration steps, configuring routing for product pages, and implementing server actions for checkout processes. The skill includes migration guides, data fetching documentation, and API references for server actions.
A digital agency creates multiple client websites using Next.js for fast loading and SEO benefits. They need to quickly set up new projects, implement progressive web app features for mobile users, and handle form submissions with server components. This skill offers installation guides, PWA setup instructions, and form handling documentation.
A large enterprise is upgrading from Next.js 14 to version 16 to leverage new features like React Server Components and enhanced caching. They seek best practices for version upgrades, testing strategies with Jest and Playwright, and configuring environment variables for different deployment stages. The skill provides upgrading guides, testing documentation, and environment variable configuration.
Freelancers use this skill to offer Next.js development services, building custom websites and applications for clients. They charge hourly or project-based fees, leveraging the documentation to ensure best practices and efficient project delivery. Revenue comes from client payments, with potential for recurring maintenance contracts.
Companies develop and sell SaaS products built with Next.js, such as analytics tools or content management systems. They generate revenue through subscription models, using the skill to optimize performance, implement caching, and support self-hosting options for enterprise clients. This model relies on recurring monthly or annual subscriptions.
Digital agencies offer retainer services to clients for ongoing Next.js development, maintenance, and support. They use the skill to handle migrations, upgrades, and new feature implementations, ensuring client websites stay up-to-date. Revenue is generated through monthly retainer fees based on service levels and project complexity.
💬 Integration Tip
Integrate this skill by referencing specific documentation files for common tasks, such as data fetching or caching, to provide accurate and up-to-date answers in AI responses.
Scored Apr 19, 2026
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Generate landing page content from PRD — hero section, features, A/B headline variants, CTA, and SEO meta tags. Use when user says "create landing page", "wr...
Scaffold a new presale service foundation (docs/config/plans/readiness) before coding. Use when starting a new presale automation service, rebuilding project...
Tailwind reference tool. Use when working with tailwind in frontend contexts.