Agent skills
Skills you can use with AI coding agents, indexed from public GitHub repositories.
-
using-drizzle-queries
Write type-safe database queries with Drizzle ORM. Covers select, insert, update, delete, relational queries, and adding new tables.
andrelandgraf/fullstackrecipes 9
-
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
andrelandgraf/fullstackrecipes 9
-
config-schema-setup
Type-safe environment variable validation using Zod with a Drizzle-like schema API. Supports server/public fields, feature flags, either-or constraints, and client-side protection.
andrelandgraf/fullstackrecipes 9
-
stripe-sync
Complete subscription system with Stripe, Vercel Flags for plan configuration, webhook handling for syncing subscription state to Postgres, usage tracking, and billing portal integration.
andrelandgraf/fullstackrecipes 9
-
shadcn-ui-setup
Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration.
andrelandgraf/fullstackrecipes 9
-
chat-list
Build a chat list page with search, rename, and delete functionality. Uses nuqs for URL-synced filters and deep-linkable modal dialogs.
andrelandgraf/fullstackrecipes 9
-
using-logging
Use structured logging with Pino throughout your application. Covers log levels, context, and workflow-safe logging patterns.
andrelandgraf/fullstackrecipes 9
-
user-stories-setup
Create a structured format for documenting feature requirements as user stories. JSON files with testable acceptance criteria that AI agents can verify and track.
andrelandgraf/fullstackrecipes 9
-
using-user-stories
Document and track feature implementation with user stories. Workflow for authoring stories, building features, and marking acceptance criteria as passing.
andrelandgraf/fullstackrecipes 9
-
sentry-setup
Configure Sentry for error tracking, performance monitoring, and log aggregation. Integrates with Pino to forward logs to Sentry automatically.
andrelandgraf/fullstackrecipes 9
-
playwright-tests
End-to-end browser testing with Playwright. Test user interactions, form validation, navigation, and visual feedback with full browser automation.
andrelandgraf/fullstackrecipes 9
-
ralph-setup
Set up automated agent-driven development with Ralph. Run AI agents in a loop to implement features from user stories, verify acceptance criteria, and log progress for the next agent.
andrelandgraf/fullstackrecipes 9
-
better-env
Better environment variable management for agents and humans with full type safety, CLI-based remote environment synchronization, and environment validation. Use when setting up typed config schemas, validating env variables, or managing remote env vars across Vercel, Netlify, Railway, Cloudflare, and Fly.io with better-env.
andrelandgraf/fullstackrecipes 9
-
custom-durable-agent
Build a custom durable AI agent with full control over streamText options, provider configs, and tool loops. Compatible with the Workflow Development Kit.
andrelandgraf/fullstackrecipes 9
-
neon-postgres
Guides and best practices for working with Neon Serverless Postgres. Covers getting started, local development with Neon, choosing a connection method, Neon features, authentication (@neondatabase/auth), PostgREST-style data API (@neondatabase/neon-js), Neon CLI, and Neon's Platform API/SDKs. Use for any Neon-related questions.
andrelandgraf/fullstackrecipes 9
-
nextjs-on-vercel
Create a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deployments on push.
andrelandgraf/fullstackrecipes 9
-
og-image-generation
Generate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time.
andrelandgraf/fullstackrecipes 9
-
pino-logging-setup
Configure structured logging with Pino. Outputs human-readable colorized logs in development and structured JSON in production for log aggregation services.
andrelandgraf/fullstackrecipes 9
-
using-authentication
Use Better Auth for client and server-side authentication. Covers session access, protected routes, sign in/out, and fetching user data.
andrelandgraf/fullstackrecipes 9
-
integration-tests
Test API routes by importing handlers directly with Bun's test runner. Fast, reliable tests without HTTP overhead.
andrelandgraf/fullstackrecipes 9
-
neon-test-branches
Create isolated Neon database branches for testing. Schema-only branches with auto-cleanup via TTL, test server orchestration, and environment variable management.
andrelandgraf/fullstackrecipes 9
-
web-design-guidelines
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".
andrelandgraf/fullstackrecipes 9
-
use-fullstackrecipes
Discover and follow recipes via MCP resources for setup guides, skills, and cookbooks. The meta-skill for using fullstackrecipes effectively.
andrelandgraf/fullstackrecipes 9
-
using-tests
Testing strategy and workflow. Tests run in parallel with isolated data per suite. Prioritize Playwright for UI, integration tests for APIs, unit tests for logic.
andrelandgraf/fullstackrecipes 9