Back to authors
andrelandgraf

andrelandgraf

59 Skills published on GitHub.

resend-setup

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

UncategorizedView skill →

ralph-loop

Complete setup for automated agent-driven development. Define features as user stories with testable acceptance criteria, then run AI agents in a loop until all stories pass.

UncategorizedView skill →

testing

Complete testing setup with Neon database branching, Playwright browser tests, integration tests, and unit tests. Isolated branches with automatic TTL cleanup.

UncategorizedView skill →

url-state-management

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

UncategorizedView skill →

agent-browser

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.

UncategorizedView skill →

agent-setup

Configure AI coding agents like Cursor, GitHub Copilot, or Claude Code with project-specific patterns, coding guidelines, and MCP servers for consistent AI-assisted development.

UncategorizedView skill →

ai-chat-persistence

Persist AI chat conversations to Neon Postgres with full support for AI SDK message parts including tools, reasoning, and streaming. Uses UUID v7 for chronologically-sortable IDs.

UncategorizedView skill →

ai-sdk-setup

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

UncategorizedView skill →

assert

TypeScript assertion function for runtime type narrowing with descriptive error messages. Based on tiny-invariant.

UncategorizedView skill →

better-auth-best-practices

Skill for integrating Better Auth - the comprehensive TypeScript authentication framework.

UncategorizedView skill →

better-auth-components

Add UI components and pages for authentication flows including sign in, sign up, forgot password, reset password, and email verification.

UncategorizedView skill →

better-auth-emails

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

UncategorizedView skill →

better-auth-profile

Add a complete account settings page with profile editing, password changes, email updates, session management, and account deletion.

UncategorizedView skill →

better-auth-protected-routes

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

UncategorizedView skill →

better-auth-setup

Add user authentication using Better Auth with Drizzle ORM and Neon Postgres. Base setup with email/password authentication.

UncategorizedView skill →

chat-list

Build a chat list page with search, rename, and delete functionality. Uses nuqs for URL-synced filters and deep-linkable modal dialogs.

UncategorizedView skill →

chat-naming

Generate descriptive chat titles from the first message using a fast LLM. Runs as a background workflow step after the main response to avoid delaying the experience.

UncategorizedView skill →

code-style-setup

Configure Prettier for code formatting and TypeScript for typechecking. Includes VSCode settings and EditorConfig for consistent code style. Skips ESLint/Biome to avoid config complexity.

UncategorizedView skill →

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.

UncategorizedView skill →

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.

UncategorizedView skill →

env-validation

Validate environment variables on server start and before builds. Catch missing or invalid variables early with clear error messages.

UncategorizedView skill →

env-workflow-vercel

Manage environment variables across Vercel environments. Sync with Vercel CLI, handle local overrides, and load env vars in scripts.

UncategorizedView skill →

feature-flags-setup

Implement feature flags using the Vercel Flags SDK with server-side evaluation, environment-based toggles, and Vercel Toolbar integration.

UncategorizedView skill →

integration-tests

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

UncategorizedView skill →

neon-drizzle-setup

Connect a Next.js app to Neon Postgres using Drizzle ORM with optimized connection pooling for Vercel serverless functions.

UncategorizedView skill →

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.

UncategorizedView skill →

nextjs-on-vercel

Create a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deployments on push.

UncategorizedView skill →

nuqs-setup

Sync React state to URL query parameters for shareable filters, search queries, and deep links to modal dialogs. Preserves UI state on browser back/forward navigation.

UncategorizedView skill →

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.

UncategorizedView skill →

pino-logging-setup

Configure structured logging with Pino. Outputs human-readable colorized logs in development and structured JSON in production for log aggregation services.

UncategorizedView skill →

playwright-tests

End-to-end browser testing with Playwright. Test user interactions, form validation, navigation, and visual feedback with full browser automation.

UncategorizedView skill →

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.

UncategorizedView skill →

resumable-ai-streams

Add automatic stream recovery to AI chat with WorkflowChatTransport, start/resume API endpoints, and the useResumableChat hook.

UncategorizedView skill →

sentry-setup

Configure Sentry for error tracking, performance monitoring, and log aggregation. Integrates with Pino to forward logs to Sentry automatically.

UncategorizedView skill →

shadcn-ui-setup

Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration.

UncategorizedView skill →

shiki-code-blocks

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

UncategorizedView skill →

skill-creator

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

UncategorizedView skill →

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.

UncategorizedView skill →

unit-tests

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

UncategorizedView skill →

use-fullstackrecipes

Discover and follow recipes via MCP resources for setup guides, skills, and cookbooks. The meta-skill for using fullstackrecipes effectively.

UncategorizedView skill →

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.

UncategorizedView skill →

using-analytics

Track custom events and conversions with Vercel Web Analytics. Covers common events, form tracking, and development testing.

UncategorizedView skill →

using-authentication

Use Better Auth for client and server-side authentication. Covers session access, protected routes, sign in/out, and fetching user data.

UncategorizedView skill →

using-drizzle-queries

Write type-safe database queries with Drizzle ORM. Covers select, insert, update, delete, relational queries, and adding new tables.

UncategorizedView skill →

using-logging

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

UncategorizedView skill →

using-nuqs

Manage React state in URL query parameters with nuqs. Covers Suspense boundaries, parsers, clearing state, and deep-linkable dialogs.

UncategorizedView skill →

using-sentry

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

UncategorizedView skill →

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.

UncategorizedView skill →

using-user-stories

Document and track feature implementation with user stories. Workflow for authoring stories, building features, and marking acceptance criteria as passing.

UncategorizedView skill →

using-workflows

Create and run durable workflows with steps, streaming, and agent execution. Covers starting, resuming, and persisting workflow results.

UncategorizedView skill →

Page 1 of 2 · 59 results