nextjs-project-standardNext.js 14+ 项目规范，涵盖 App Router、SSR/SSG、流式渲染、路由与布局、数据获取、中间件、元数据与 SEO。当用户在 Next.js 项目中创建、修改页面或模块时自动激活。
Install via ClawdBot CLI:
clawdbot install bovinphang/nextjs-project-standardGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Apr 22, 2026
Building a dynamic online store with product listings, user dashboards, and checkout flows. Utilizes SSR for real-time inventory and pricing, SSG for static product pages, and middleware for authentication and cart management. Ideal for retail businesses needing SEO-friendly, performant storefronts.
Creating a blog or news website with content fetched from headless CMS like Contentful or Sanity. Implements ISR for periodic content updates, dynamic routing for article pages, and metadata generation for SEO optimization. Suitable for media companies or publishers.
Developing a dashboard for SaaS products with real-time analytics, user management, and interactive charts. Uses client components for dynamic UI elements, server components for data fetching, and API routes for backend integration. Targets tech startups and B2B services.
Building static or semi-static websites for agencies, freelancers, or small businesses. Leverages SSG for fast loading, App Router for clean navigation, and image optimization for visual appeal. Focuses on branding and lead generation with minimal maintenance.
Creating an online learning platform with course pages, user profiles, and secure access. Implements middleware for role-based routing, SSR for personalized content, and streaming with Suspense for smooth user experience. Serves educational institutions or e-learning startups.
Offers tiered pricing for access to features like analytics, user management, or API integrations. Revenue is generated through monthly or annual subscriptions, with potential for upselling premium modules. Common in B2B applications built with Next.js for scalability.
Generates revenue by taking a percentage of sales or charging listing fees on an online marketplace. Uses Next.js for fast, SEO-optimized product pages and secure checkout processes. Suitable for platforms connecting buyers and sellers.
Monetizes traffic through display ads, sponsored content, or affiliate marketing. Leverages Next.js's SSR and metadata for high SEO rankings to drive audience growth. Ideal for media sites, blogs, or influencer platforms.
💬 Integration Tip
Integrate this skill by ensuring your project uses Next.js 14+ with App Router, and activate it during page or module creation to enforce best practices like server-side rendering and structured layouts.
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.