midos-nextjsNext.js 15/16 App Router patterns — async APIs, caching semantics, Turbopack, Server Components, Route Handlers, and migration from v14
Install via ClawdBot CLI:
clawdbot install msruruguay/midos-nextjsGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Sends data to undocumented external endpoint (potential exfiltration)
post → https://api.com/posts/${slug}`Calls external URL not in known-safe list
https://api.example.com/dataAI Analysis
The external URLs (https://api.example.com/data, https://api.com/posts/${slug}) are clearly example code snippets illustrating Next.js API patterns, not actual data exfiltration. The skill's content is consistent with its stated purpose of teaching Next.js development patterns and contains no hidden instructions, credential harvesting, or obfuscated malicious behavior.
Audited Apr 17, 2026 · audit v1.0
Generated Mar 21, 2026
An e-commerce company is upgrading its Next.js 14 site to v15/16 to leverage performance improvements and new caching semantics. The skill helps migrate async APIs like cookies and headers, ensuring user sessions and cart data are handled correctly without breaking existing functionality. It also guides configuring Route Handlers for product listings with appropriate revalidation to balance freshness and speed.
A SaaS startup is building a new customer dashboard using Next.js 15 with Server Components for real-time data fetching. The skill provides patterns for async request APIs to securely access user-specific headers and cookies, while avoiding caching pitfalls in dynamic dashboards. Turbopack integration accelerates development with faster HMR for iterative feature updates.
A media company is implementing a CMS with Next.js 16 to serve dynamic articles and blogs. The skill assists in setting up Route Handlers with explicit caching strategies, using force-static for static pages and force-dynamic for personalized content. It also covers migration from v14 to ensure async params and searchParams work seamlessly for SEO-friendly routes.
A large enterprise is deploying a Next.js 15 application with enhanced monitoring and APM tools. The skill explains how to use instrumentation.js for integrating services like DataDog or Sentry, ensuring performance tracking across server and client components. It helps configure staleTimes in next.config.js to optimize client router cache for enterprise-scale user loads.
A tech startup is launching an MVP using Next.js 16 to quickly iterate on user feedback. The skill provides a migration checklist from v14, including codemods for async APIs and Turbopack setup for rapid development cycles. It guides avoiding common hydration errors and setting up Server Components for efficient data fetching without over-caching user-specific features.
A company offers a Next.js-based platform with tiered subscription plans, using the skill to implement async APIs for secure user authentication and dynamic caching for personalized dashboards. Revenue is generated through monthly or annual fees, with the skill ensuring scalable performance and smooth upgrades to latest versions.
A web development agency uses this skill to provide migration and development services for clients upgrading from Next.js 14 to v15/16. Revenue comes from project-based contracts or retainer fees, leveraging the skill's patterns to reduce errors and speed up delivery with Turbopack and caching best practices.
An online retailer operates a Next.js-powered store, applying the skill to optimize Route Handlers for product APIs with explicit revalidation to ensure up-to-date inventory and pricing. Revenue is driven by sales transactions, with the skill helping maintain high performance and user experience during version upgrades.
💬 Integration Tip
Run the codemod for async APIs early in migration to catch breaking changes, and test caching configurations in staging to avoid production issues with user-specific data.
Scored Apr 19, 2026
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Curated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content, or creating custom brand palettes. Triggers on theme, color palette, font pairing, slide styling, presentation theme, brand colors.
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.