Agent Skills by Alexej Luft
Showing 74 vetted skills indexed across 1 GitHub repositories.
managing-secrets
Validate and secure environment variables in Next.js applications on Vercel.
building-transitions-astro
Implement native Astro View Transitions with CSS customization and lifecycle events.
building-legal-pages
Generate Impressum and Datenschutzerklärung pages with GDPR and DDG compliance.
maintaining-quality
Enforce TypeScript best practices with Zod validation, typed tryCatch, and T3 Env.
securing-applications
Enforce security best practices for Next.js and React APIs with Zod validation.
implementing-design-tokens
Establish design token systems using CSS custom properties and Tailwind CSS v4.
integrating-payments
Integrate Stripe Checkout Sessions and webhooks into a Next.js application.
handling-ui-states
Implement Loading, Error, Empty, and Content UI states for data-driven components.
architecting-saas
Guides Next.js SaaS architecture with Supra authentication, multi-tenant schema design, and service layers.
testing-user-interfaces
Create user-centric component tests for React interfaces using testing-library.
managing-database-schemas
Manage Supabase/PostgreSQL schema design, versioned migrations, and query optimization.
Building Preloaders
Create GSAP preloader animations with letter reveals and progress bars.
handling-errors-idiomatically
Enforce idiomatic error handling in Next.js App Router with Supabase.
managing-background-jobs
Manages asynchronous jobs in Next.js apps using Inngest and Vercel cron with idempotency enforcement.
building-components-core
Architect accessible UI components with correct ARIA attributes and animation patterns.
designing-resilient-apis
Guide REST, tRPC, and GraphQL API development with versioning, idempotency, RFC 7807 errors, and Zod validation.
scaling-horizontally
Guide horizontally scalable web applications with statelessness, connection pooling, and multi-layer caching.
crafting-brand-systems
Implement a cohesive brand identity system in code with Tailwind v4.
implementing-token-bridge
Bridge CSS design tokens to GSAP animations using TypeScript constants and React hooks.
deploying-to-production
Enforces Next.js deployment best practices for Vercel and Supabase, including scoped env vars and migrations.
optimizing-images
Optimizes Next.js and React images for CLS prevention and LCP improvement.
monitoring-errors
Configure Sentry error tracking and performance monitoring for Next.js applications.
building-disclosure-patterns
Build accessible disclosure widgets with ARIA roles and keyboard navigation.
building-layouts
Guide CSS Grid, Flexbox, and Container Queries for responsive component layouts.