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
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.