nextjs-guidelinesNext.js App Router best practices — Server Components, data fetching, caching, routing, middleware, metadata, error handling, streaming, Server Actions, and performance optimization for Next.js 14-16+.
Install via ClawdBot CLI:
clawdbot install wpank/nextjs-guidelinesGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Accesses sensitive credential files or environment variables
process.env.AWSSends data to undocumented external endpoint (potential exfiltration)
post → https://api.example.com/postsCalls external URL not in known-safe list
https://github.com/wpank/ai/tree/main/skills/frontend/nextjsUses known external API (expected, informational)
googleapis.comGenerated Mar 1, 2026
Building a scalable online store with dynamic product listings, user authentication, and shopping cart functionality using Server Components for data fetching and Server Actions for cart updates. Optimize performance with ISR for product pages and streaming for personalized recommendations.
Creating a headless CMS with real-time content updates, SEO-friendly metadata, and image optimization. Use parallel routes for admin dashboards and intercepting routes for preview modes, while caching static content and invalidating on edits via tag-based revalidation.
Developing a data-intensive dashboard with interactive charts and real-time metrics using Client Components for UI interactivity and Server Components for secure data aggregation. Implement streaming to handle slow data sources and error boundaries for robust error handling.
Building a learning platform with course pages, user progress tracking, and video streaming. Utilize Server Actions for enrollment and progress updates, middleware for authentication, and static generation for course catalogs to reduce load times.
Designing a secure appointment booking system with patient portals and doctor schedules. Leverage Server Components for data privacy, route handlers for external API integrations, and dynamic rendering for real-time availability updates.
Offer tiered subscription plans for access to premium features like advanced analytics or custom integrations. Use Server Actions to handle billing updates and caching to optimize performance for recurring users.
Generate revenue through transaction fees, seller subscriptions, and advertising. Implement Server Components for product listings and Server Actions for order processing, with caching strategies to handle high traffic during sales.
Monetize via paywalls, sponsored content, and affiliate marketing. Use streaming for large media files and metadata optimization for SEO to drive traffic, while Server Actions manage user subscriptions and content access.
💬 Integration Tip
Integrate with existing databases or APIs using Server Components for secure data access and route handlers for external endpoints, ensuring props are JSON-serializable across RSC boundaries.
Scored Apr 19, 2026
AI Analysis
The skill provides legitimate Next.js development guidance and references external resources (e.g., GitHub, Google APIs) for documentation and examples, which is consistent with its stated purpose. The 'HIGH' signals appear to be false positives from example code snippets (e.g., `process.env.AWS`, `api.example.com`) used for illustrative patterns, not active malicious instructions. No hidden overrides, credential harvesting, or obfuscated exfiltration logic is present.
Audited Apr 16, 2026 · audit v1.0
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
Use when building Next.js 14/15 applications with the App Router. Invoke for routing, layouts, Server Components, Client Components, Server Actions, Route Handlers, authentication, middleware, data fetching, caching, revalidation, streaming, Suspense, loading states, error boundaries, dynamic routes, parallel routes, intercepting routes, or any Next.js architecture question.
Write Tailwind utility classes with proper responsive design, dark mode, and configuration.
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.
Look up domain WHOIS/RDAP info and check marketplace listings. Free API, no auth required.