andrelandgraf/fullstackrecipes

3817

ralph-loop Complete setup for automated agent-driven development. Define features as user stories with testable acceptance crite…

andrelandgraf/fullstackrecipes

3.6K

2

ralph-loop-workflow Run a coding agent in an autonomous loop via a /ralph command, gated by a preflight check that every CLI is installed…

andrelandgraf/fullstackrecipes

510

3

observability-monitoring Complete observability stack with structured logging, error tracking, and web analytics.

andrelandgraf/fullstackrecipes

324

4

stripe-subscriptions Complete subscription billing system with Stripe integration, feature flags for plan gating, webhook handling, and bi…

andrelandgraf/fullstackrecipes

277

5

og-image-generation Generate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX im…

andrelandgraf/fullstackrecipes

227

6

shiki-code-blocks Syntax highlight code blocks with Shiki. Supports server-side rendering in RSC and automatic light/dark theme switchi…

andrelandgraf/fullstackrecipes

221

7

use-fullstackrecipes Discover and follow fullstackrecipes (setup guides, skills, cookbooks) by fetching their Markdown. The meta-skill for…

andrelandgraf/fullstackrecipes

217

8

agent-browser Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user nee…

andrelandgraf/fullstackrecipes

213

9

better-auth-setup Add user authentication using Better Auth with Drizzle ORM and Neon Postgres. Base setup with email/password authenti…

andrelandgraf/fullstackrecipes

178

10

better-auth-protected-routes Add server-side route protection to enforce authentication on specific pages while keeping others public.

andrelandgraf/fullstackrecipes

176

11

better-auth-components Add UI components and pages for authentication flows including sign in, sign up, forgot password, reset password, and…

andrelandgraf/fullstackrecipes

175

12

better-auth-profile Add a complete account settings page with profile editing, password changes, email updates, session management, and a…

andrelandgraf/fullstackrecipes

172

13

better-auth-emails Add email verification, password reset, and account management emails to Better Auth using Resend.

andrelandgraf/fullstackrecipes

171

14

nextjs-on-vercel Create a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deplo…

andrelandgraf/fullstackrecipes

169

15

vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

andrelandgraf/fullstackrecipes

162

16

ai-chat Build a complete AI chat application with database persistence, chat list management, and automatic title generation.

andrelandgraf/fullstackrecipes

161

17

pino-logging-setup Configure structured logging with Pino. Outputs human-readable colorized logs in development and structured JSON in p…

andrelandgraf/fullstackrecipes

161

18

skill-creator Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an ex…

andrelandgraf/fullstackrecipes

159

19

better-auth-best-practices Skill for integrating Better Auth - the comprehensive TypeScript authentication framework.

andrelandgraf/fullstackrecipes

157

20

using-drizzle-queries Write type-safe database queries with Drizzle ORM. Covers select, insert, update, delete, relational queries, and add…

andrelandgraf/fullstackrecipes

141

21

authentication Complete authentication system with Better Auth, email verification, password reset, protected routes, and account ma…

andrelandgraf/fullstackrecipes

136

22

neon-drizzle-setup Connect a Next.js app to Neon Postgres using Drizzle ORM with optimized connection pooling for Vercel serverless func…

andrelandgraf/fullstackrecipes

134

23

ai-agent-workflow Build resumable multi-agent workflows with durable execution, tool loops, and automatic stream recovery on client rec…

andrelandgraf/fullstackrecipes

133

24

testing Complete testing setup with Neon database branching, Playwright browser tests, integration tests, and unit tests. Iso…

andrelandgraf/fullstackrecipes

127

25

url-state-management Sync React state to URL query parameters for shareable filters, search, and deep-linkable dialogs with nuqs.

andrelandgraf/fullstackrecipes

127

26

base-app-setup Complete setup guide for a Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK.

andrelandgraf/fullstackrecipes

126

27

shadcn-ui-setup Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configur…

andrelandgraf/fullstackrecipes

124

28

stripe-sync Complete subscription system with Stripe, Vercel Flags for plan configuration, webhook handling for syncing subscript…

andrelandgraf/fullstackrecipes

121

29

playwright-tests End-to-end browser testing with Playwright. Test user interactions, form validation, navigation, and visual feedback …

andrelandgraf/fullstackrecipes

120

30

sentry-setup Configure Sentry for error tracking, performance monitoring, and log aggregation. Integrates with Pino to forward log…

andrelandgraf/fullstackrecipes

120

31

resend-setup Configure Resend for transactional emails like password resets and email verification.

andrelandgraf/fullstackrecipes

117

32

vercel-analytics-setup Add privacy-focused web analytics with Vercel Web Analytics. Track page views, visitors, and custom events with zero …

andrelandgraf/fullstackrecipes

114

33

using-user-stories Document and track feature implementation with user stories. Workflow for authoring stories, building features, and m…

andrelandgraf/fullstackrecipes

112

34

using-nuqs Manage React state in URL query parameters with nuqs. Covers Suspense boundaries, parsers, clearing state, and deep-l…

andrelandgraf/fullstackrecipes

110

35

integration-tests Test API routes by importing handlers directly with Bun's test runner. Fast, reliable tests without HTTP overhead.

andrelandgraf/fullstackrecipes

109

36

ralph-setup Set up automated agent-driven development with Ralph. Run AI agents in a loop to implement features from user stories…

andrelandgraf/fullstackrecipes

109

37

agent-setup Configure AI coding agents like Cursor, GitHub Copilot, or Claude Code with project-specific patterns, coding guideli…

andrelandgraf/fullstackrecipes

107

38

env-workflow-vercel Manage environment variables across Vercel environments. Sync with Vercel CLI, handle local overrides, and load env v…

andrelandgraf/fullstackrecipes

106

39

user-stories-setup Create a structured format for documenting feature requirements as user stories. JSON files with testable acceptance …

andrelandgraf/fullstackrecipes

106

40

ai-sdk-setup Install the Vercel AI SDK with AI Elements components. Build a streaming chat interface with the useChat hook.

andrelandgraf/fullstackrecipes

105

41

unit-tests Configure unit testing with Bun's built-in test runner. Fast, Jest-compatible syntax, co-located test files, and mock…

andrelandgraf/fullstackrecipes

105

42

using-logging Use structured logging with Pino throughout your application. Covers log levels, context, and workflow-safe logging p…

andrelandgraf/fullstackrecipes

105

43

using-workflows Create and run durable workflows with steps, streaming, and agent execution. Covers starting, resuming, and persistin…

andrelandgraf/fullstackrecipes

105

44

using-tests Testing strategy and workflow. Tests run in parallel with isolated data per suite. Prioritize Playwright for UI, inte…

andrelandgraf/fullstackrecipes

104

45

workflow-setup Install and configure the Workflow Development Kit for resumable, durable AI agent workflows with step-level persiste…

andrelandgraf/fullstackrecipes

104

46

resumable-ai-streams Add automatic stream recovery to AI chat with WorkflowChatTransport, start/resume API endpoints, and the useResumable…

andrelandgraf/fullstackrecipes

103

47

ai-chat-persistence Persist AI chat conversations to Neon Postgres with full support for AI SDK message parts including tools, reasoning,…

andrelandgraf/fullstackrecipes

102

48

custom-durable-agent Build a custom durable AI agent with full control over streamText options, provider configs, and tool loops. Compatib…

andrelandgraf/fullstackrecipes

102

49

using-analytics Track custom events and conversions with Vercel Web Analytics. Covers common events, form tracking, and development t…

andrelandgraf/fullstackrecipes

102

50

using-sentry Capture exceptions, add context, create performance spans, and use structured logging with Sentry.

andrelandgraf/fullstackrecipes

102