# Skills de andrelandgraf > Todos los Agent Skills publicados por andrelandgraf — 0 en el directorio. Fuente: https://skillsagentes.com/creators/andrelandgraf Markdown: https://skillsagentes.com/creators/andrelandgraf.md Perfil: https://github.com/andrelandgraf 0 skills publicadas en el directorio. ## Packs - [andrelandgraf/fullstackrecipes](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes.md): 28 skills, instalables de una vez. ## Skills - [Agent Browser](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/agent-browser.md): Automatiza interacciones con el navegador para pruebas web, rellenado de formularios, capturas de pantalla y extracción de datos.eses cuando el usuario necesite navegar sitios web, interactuar con páginas o extraer información. - [Analytics Best Practices](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/analytics-best-practices.md): Rastrea eventos personalizados y conversiones con Vercel Web Analytics mediante track(). Úsalo al instrumentar acciones de usuario, conversiones o envíos de formularios. - [Authentication Best Practices](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/authentication-best-practices.md): Lee sesiones en cliente y servidor, protege rutas y ejecuta sign in/up/out con Better Auth. Úsalo al restringir páginas/APIs por autenticación o al conectar flujos de auth. - [Authoring Recipes](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/authoring-recipes.md): Guías para escribir contenido de fullstackrecipes: setup recipes, skills expuestas, cookbooks, templates y utilidades instalables del registro, pensadas para mantenedores del proyecto, no para consumidores del stack. - [Better Auth Components](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/better-auth-components.md): Añade componentes de UI y páginas para flujos de autenticación: inicio de sesión, registro, recuperación de contraseña, restablecimiento de contraseña y verificación de email. - [Better Auth Emails](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/better-auth-emails.md): Añade verificación de email, reseteo de contraseña y emails de gestión de cuenta a Better Auth usando Resend. - [Better Auth Profile](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/better-auth-profile.md): Agrega una página completa de configuración de cuenta con edición de perfil, cambio de contraseña, actualización de email, gestión de sesiones y eliminación de cuenta. - [Better Auth Protected Routes](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/better-auth-protected-routes.md): Añade protección de rutas del lado del servidor para exigir autenticación en páginas específicas mientras otras permanecen públicas. - [Better Env](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/better-env.md): Gestión de variables de entorno con seguridad de tipos, sincronización remota vía CLI y validación, para Vercel, Netlify, Railway, Cloudflare y Fly.io con better-env. - [Drizzle Queries](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/drizzle-queries.md): Escribe queries type-safe de Postgres con Drizzle ORM (select/insert/update/delete, relaciones, tablas nuevas). Úsalo al consultar o mutar la base de datos o al agregar una tabla Drizzle. - [Fallow](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/fallow.md): Inteligencia de código para JavaScript y TypeScript: reporta calidad, riesgo, limpieza, duplicación, ciclos, complejidad y límites de arquitectura; opcionalmente fusiona datos de runtime. - [Logging Best Practices](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/logging-best-practices.md): Emite logs estructurados con Pino (niveles, firma context-first, wrapper seguro para workflows). Úsalo al añadir logging a rutas, librerías o workflows. - [Neon Postgres Egress Optimizer](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/neon-postgres-egress-optimizer.md): Diagnostica y corrige el egress excesivo (transferencia de datos por red) en Postgres, cuando suben las facturas o los costos de transferencia de datos de la base de datos. - [Neon Postgres](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/neon-postgres.md): Guías y buenas prácticas para trabajar con Neon Serverless Postgres: setup, conexión, branching, autoscaling, scale-to-zero, read replicas, pooling, Neon Auth, CLI, MCP y SDKs. - [Ralph Loop Workflow](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/ralph-loop-workflow.md): Ejecuta un agente de codificación en un bucle autónomo mediante el comando /ralph, con un preflight que verifica que cada CLI esté instalado, vinculado y autenticado. - [Skill Creator](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/skill-creator.md): Guía para crear skills efectivas. Se debe usar cuando los usuarios quieren crear una nueva skill (o actualizar una existente) que extienda las capacidades de Claude. - [Testing Best Practices](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/testing-best-practices.md): Elige y escribe el tipo de test correcto (Playwright > integración > unitario) contra ramas Neon aisladas. Úsalo al añadir, ejecutar o depurar tests para una funcionalidad. - [Vercel React Best Practices](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/vercel-react-best-practices.md): Guía de optimización de rendimiento para React y Next.js de Vercel Engineering, con 45 reglas en 8 categorías priorizadas por impacto para guiar refactorización y generación de código. - [Neon Postgres Branches](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/neon-postgres-branches.md): Elige y crea el tipo correcto de branch de Neon para testing y desarrollo: branch normal para datos reales o schema-only para datos sensibles, vía CLI o MCP de Neon. - [Og Image Generation](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/og-image-generation.md): Genera imágenes de vista previa social dinámicas usando convenciones de archivos de Next.js y la librería next/og. Imágenes JSX renderizadas en servidor, cacheadas en build time. - [Sentry Best Practices](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/sentry-best-practices.md): Captura excepciones, adjunta usuario/contexto, añade spans y breadcrumbs, y registra logs con el SDK de Sentry. Úsalo al instrumentar errores, rendimiento o contexto en el código de la app. - [Url State Patterns](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/url-state-patterns.md): Sincroniza el estado de React con los query params de la URL usando nuqs (wrapper Suspense, parsers, limpieza, diálogos con deep link). Úsalo para filtros, búsqueda o diálogos compartibles. - [Workflow Best Practices](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/workflow-best-practices.md): Construye workflows durables con el Workflow Development Kit — steps, streaming, ejecuciones de agentes, metadata y persistencia. Úsalo al crear, iniciar, reanudar o persistir un workflow. - [Better Auth Best Practices](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/better-auth-best-practices.md): Skill para integrar Better Auth, el framework de autenticación TypeScript completo. - [Better Auth Setup](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/better-auth-setup.md): Añade autenticación de usuarios con Better Auth, Drizzle ORM y Neon Postgres. Configuración base con autenticación por email y contraseña. - [Shiki Code Blocks](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/shiki-code-blocks.md): Resalta la sintaxis de bloques de código con Shiki. Soporta renderizado en el servidor en RSC y cambio automático entre tema claro y oscuro. - [Use Fullstackrecipes](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/use-fullstackrecipes.md): Descubre y sigue las recetas de fullstackrecipes (guías de setup, skills, cookbooks) obteniendo su Markdown; la meta-skill para encontrar y aplicar recetas correctamente. - [Web Design Guidelines](https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/web-design-guidelines.md): Revisa código de UI para verificar el cumplimiento de las Web Interface Guidelines de Vercel. --- [Todas las skills](https://skillsagentes.com/skills.md) · [Categorías](https://skillsagentes.com/categorias.md) Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)