Loading...
Loading...
Found 366 Skills
Best practices for using the Vercel AI SDK in Next.js 15 applications with React Server Components and streaming capabilities.
Next.js 15 App Router patterns. Trigger: When working with Next.js - routing, Server Actions, data fetching.
Use when adding payments, billing, checkout, subscriptions, invoices, webhooks, customer portal, Stripe Connect, metered/usage billing, tax, fraud/Radar, pricing page, payment intents, refunds, coupons, promo codes, or any Stripe integration in Next.js. Triggers: stripe, payment, checkout, subscribe, billing, invoice, webhook, portal, connect, marketplace, payout, metered, usage-based, SaaS pricing, paywall, plan, tier.
The complete AI web agency toolkit. One skill to run a full client website project — from intake to design to build to deploy. Orchestrates sub-skills and sub-agents for fast, high-quality delivery.
This skill should be used when the user asks to "create a Supabase table", "write RLS policies", "set up Supabase Auth", "create Edge Functions", "configure Storage buckets", "use Supabase with Next.js", "migrate API keys", "implement row-level security", "create database functions", "set up SSR auth", or mentions 'Supabase', 'RLS', 'Edge Function', 'Storage bucket', 'anon key', 'service role', 'publishable key', 'secret key'. Automatically triggers when user mentions 'database', 'table', 'SQL', 'migration', 'policy'.
React and Next.js performance optimization from Vercel Engineering. Use when building React components, optimizing performance, eliminating waterfalls, reducing bundle size, reviewing code for performance issues, or implementing server/client-side optimizations.
A comprehensive guide to building React apps with a modern 2026 stack, covering frameworks, build tools, routing, state management, and AI integration.
Animate page transitions using the View Transitions API for smooth visual DOM changes.
[Pragmatic DDD Architecture] Guide for Authentication configuration and the `auth` Bounded Context. Use when modifying auth flows, adding social providers, configuring email templates/Resend, working with the Better Auth client/server configurations, or modifying `src/auth/` components and components dependent on session handling.
[Pragmatic DDD Architecture] Guide for the overall project architecture, Domain-Driven Design (DDD) principles, Modular Monolith (Bounded Contexts) organization, and file structure. Use when deciding where to place a new file, creating a new module, or understanding the application's layers and dependency flow.
Integrate markstream-react into a React 18+ or Next app. Use when Codex needs to add the React renderer, import CSS correctly, choose between `content` and `nodes`, keep Next client boundaries safe, convert renderer overrides, or prepare a repo for `react-markdown` migration.
End-to-end setup for a new campaign-page-kit (CPK) campaign — scaffolds the project, copies a starter template, seeds campaigns.json, downloads CLAUDE.md, then immediately wires up config.js and campaigns.json with API key, store details, optional policy links, and declared analytics in one pass. Use when: "new CPK campaign", "set up a campaign", "scaffold and configure", "new funnel", or when a user provides a brand name + public route slug + template choice.