SrulyRosenblat

SrulyRosenblat/skill-cards

Agent

Analyze blind comparison results to understand WHY the winner won and generate improvement suggestions.

SrulyRosenblat/skill-cards

Agent

Compare two outputs WITHOUT knowing which skill produced them.

SrulyRosenblat/skill-cards

Agent

Evaluate expectations against an execution transcript and outputs.

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Guide for advanced Next.js App Router patterns including Route Handlers, Parallel Routes, Intercepting Routes, Server Actions, error boundaries, draft mode, and streaming with Suspense. CRITICAL for server actions (action.ts, actions.ts files, 'use server' directive), setting cookies from client components, and form…

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Identify and fix common Next.js App Router anti-patterns and mistakes. Use when reviewing code for Next.js best practices, debugging performance issues, migrating from Pages Router patterns, or preventing common pitfalls. Activates for code review, performance optimization, or detecting inappropriate…

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Guide for working with Next.js App Router (Next.js 13+). Use when migrating from Pages Router to App Router, creating layouts, implementing routing, handling metadata, or building Next.js 13+ applications. Activates for App Router migration, layout creation, routing patterns, or Next.js 13+ development tasks.

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Pattern for client components calling server actions to set cookies in Next.js. Covers the two-file pattern of a client component with user interaction (onClick, form submission) that calls a server action to modify cookies. Use when building features like authentication, preferences, or session management where…

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Guide for Next.js App Router dynamic routes and pathname parameters. Use when building pages that depend on URL segments (IDs, slugs, nested paths), accessing the params prop, or fetching resources by identifier. Helps avoid over-nesting by defaulting to the simplest route structure (e.g., app/[id] instead of…

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Focused pattern for fetching data using URL parameters in Next.js. Covers creating dynamic routes ([id], [slug]) and accessing route parameters in server components to fetch data from APIs. Use when building pages that display individual items (product pages, blog posts, user profiles) based on a URL parameter.…

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Guide for choosing between Server Components and Client Components in Next.js App Router. CRITICAL for useSearchParams (requires Suspense + 'use client'), navigation (Link, redirect, useRouter), cookies/headers access, and 'use client' directive. Activates when prompt mentions useSearchParams, Suspense, navigation…

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Guide for implementing navigation in Next.js Server Components using Link component and redirect() function. Covers the difference between server and client navigation methods. Use when adding links, redirects, or navigation logic in server components without converting them to client components unnecessarily.

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Pattern for using useSearchParams hook with Suspense boundary in Next.js. Covers the required combination of 'use client' directive and Suspense wrapper when accessing URL query parameters in client components. Use when building search interfaces, filters, pagination, or any feature that needs to read/manipulate URL…

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Guide for Vercel AI SDK v5 implementation patterns including generateText, streamText, useChat hook, tool calling, embeddings, and MCP integration. Use when implementing AI chat interfaces, streaming responses, tool/function calling, text embeddings, or working with convertToModelMessages and…

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Comprehensive guide for building AI agents using ToolLoopAgent, workflow patterns, and AI SDK UI components (useChat, generative UIs, tool calling).

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

AI SDK 6 Beta overview, agents, tool approval, Groq (Llama), and Vercel AI Gateway. Key breaking changes from v5 and new patterns.

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Auth.js v5 setup for Next.js authentication including Google OAuth, credentials provider, environment configuration, and core API integration.

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

A skill that blends the wisdom of top industry experts, ensures token-efficient PRDs, and organizes outputs in a clear folder structure.

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Clerk authentication for Next.js 16 (App Router only) with proxy.ts setup, migration from middleware.ts, environment configuration, and MCP server integration.

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Key facts and breaking changes for upgrading to Prisma ORM 7. Consider version 7 changes before generation or troubleshooting.

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Integrate Resend email service via MCP protocol for AI agents to send emails with Claude Desktop, GitHub Copilot, and Cursor. Set up transactional and marketing emails, configure sender verification, and use AI to automate email workflows.

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Installation, components, blocks, forms, theming, and MCP guidance for shadcn/ui in modern Next.js projects using pnpm.

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Upstash Vector DB setup, semantic search, namespaces, and embedding models (MixBread preferred). Use when building vector search features on Vercel.