next-upgradeUpgrade Next.js to the latest version following official migration guides and codemods
Install via ClawdBot CLI:
clawdbot install TuanViDev/next-upgradeGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://nextjs.org/docs/app/guides/upgrading/codemodsAudited Apr 17, 2026 · audit v1.0
Generated Mar 20, 2026
An e-commerce company needs to upgrade its Next.js-based frontend to the latest version to ensure security patches, performance improvements, and compatibility with new React features. This involves detecting the current version, running codemods for breaking changes, and testing the build to prevent downtime during peak shopping seasons.
A software-as-a-service provider is scaling its Next.js application to handle increased user traffic and wants to leverage the latest Next.js optimizations. The upgrade process includes incremental version jumps, updating peer dependencies like React, and reviewing configuration changes to maintain API stability and user experience.
A news or media organization is redesigning its website and needs to upgrade Next.js to access new features like improved image optimization and server components. This requires fetching official migration guides, running codemods for dynamic imports, and testing functionality to ensure content delivery remains fast and reliable.
A tech startup is iterating on its minimum viable product built with Next.js and must upgrade to the latest version to fix bugs and incorporate developer feedback. The upgrade involves detecting current dependencies, applying codemods for API changes, and testing builds to accelerate development cycles and attract investors.
Companies offering subscription services use this skill to maintain and upgrade their Next.js applications, ensuring continuous delivery of features and security updates. This supports recurring revenue by reducing technical debt and improving customer retention through reliable performance.
Web development agencies leverage this skill to provide upgrade services for client projects, charging for expertise in migration, codemod execution, and testing. This generates project-based or retainer revenue by helping clients stay current with technology trends and avoid compatibility issues.
Large enterprises use this skill as part of their IT maintenance workflows to upgrade internal or customer-facing Next.js applications systematically. This supports revenue by minimizing downtime, ensuring compliance with security standards, and optimizing operational efficiency through automated upgrades.
💬 Integration Tip
Integrate this skill into CI/CD pipelines to automate version detection and codemod runs, ensuring upgrades are tested in staging environments before production deployment to reduce risks.
Scored Apr 19, 2026
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.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.