Nextjs skills

This skill generates complete meta tags for SEO and social sharing, including Open Graph, Twitter cards, and JSON-LD, ready to copy.

This skill guides integrating Trails for cross-chain payments and swaps via widget, headless SDK, or direct API to fit your app.

This skill integrates Google Analytics 4 into a project by detecting framework, inserting tracking, configuring events and privacy settings for accurate

This skill helps you generate production-grade static sites from text requirements using React, Tailwind, and shadcn/ui for bold, responsive designs.

This skill provides senior-level Clerk authentication guidance for Next.js 15/16+, helping you implement, protect routes, troubleshoot auth errors, and

This skill helps you ship a working web app from idea to public deployment in one session, handling validation, stack choice, build, and deploy.

This skill helps you implement and optimize Next.js App Router patterns across server components, streaming, caching, and routing for faster apps.

This skill helps you quickly integrate Outlit SDK across frameworks, handling installation, key setup, and minimal config to get events flowing.

This skill helps you generate WeChat-compatible animated horse sticker GIFs by rendering 6-frame gold horses with user text and red gradients.

This skill helps you build end-to-end type-safe APIs with tRPC, enabling seamless Next.js integration and full TypeScript inference from server to client.

This skill helps you manage subscription lifecycles by handling upgrades, downgrades, cancellations, and reactivations with correct billing behavior.

This skill helps you implement usage-based billing with Flowglad by recording usage events, checking balances, and displaying usage information.

This skill helps you implement checkout sessions for Flowglad subscriptions and products, including upgrade buttons, redirects, and pricing display.

This skill helps you build pricing UIs with Flowglad by loading, formatting, and highlighting plans and current subscriptions.

This skill helps you create AI Elements interface components following shadcn/ui patterns and Vercel AI SDK conventions for rapid integration.

This skill helps you enforce premium feature access with Flowglad, gating features and paywalls based on user subscriptions.

This skill helps you manage memory, milestones, and prompts for OpenClaw with Obsidian-compatible linking and intelligent backlog extraction.

This skill renders declarative UI widgets from JSON for React/Next.js, enabling dynamic forms, cards, and interactive layouts from agent responses.

This skill helps you build polished chat UIs in React/Next.js by providing reusable blocks for messages, input, and typing indicators.

This skill helps visualize and manage tool lifecycles in React/Next apps, showing pending, running, approval, and results for human-in-the-loop workflows.

This skill enables building AI agent UIs in React/Next.js with runtime tools, streaming, and human-in-the-loop approvals.