# fullstackrecipes - 28 Claude Skills de andrelandgraf > Pack de 28 Claude Skills de andrelandgraf para Herramientas para desarrolladores, Desarrollo de APIs y Bases de datos. Qué incluye, cómo se instala entero y qué hace cada skill. Fuente: https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes Markdown: https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes.md fullstackrecipes es un repositorio de andrelandgraf con 28 skills indexados en este directorio, repartidos entre Herramientas para desarrolladores, Desarrollo de APIs y Bases de datos. Se pueden instalar de uno en uno o el pack completo con un solo comando. El repositorio acumula 20 estrellas en GitHub. ## Instalar el pack entero ```bash npx -y skills add andrelandgraf/fullstackrecipes --agent claude-code ``` Instala los 28 skills en el proyecto actual. Añade `-g` para toda la máquina, y cambia `--agent` por `cursor`, `codex`, `gemini`, `windsurf` o `cline`. ## Datos del repositorio - Publicado por: [andrelandgraf](https://skillsagentes.com/creators/andrelandgraf.md) - Skills indexados: 28 - Categorías: Herramientas para desarrolladores, Desarrollo de APIs y Bases de datos - Estrellas: 20 - Licencia: sin declarar - Último push: 2026-06-08 - [Código fuente](https://github.com/andrelandgraf/fullstackrecipes) ## Los 28 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. ## Preguntas frecuentes - **¿Qué incluye fullstackrecipes?** 28 skills indexados en este directorio, repartidos entre 9 categorías, sobre todo Herramientas para desarrolladores, Desarrollo de APIs y Bases de datos. Cada uno es un SKILL.md con sus propios archivos, y en la lista de esta página tienes los 28 con enlace a su ficha. - **¿Cómo instalo todo el pack fullstackrecipes de una vez?** Con un solo comando: npx -y skills add andrelandgraf/fullstackrecipes --agent claude-code. Instala los 28 skills del repositorio en el proyecto actual. Añade -g al final para dejarlos disponibles en toda la máquina, y cambia --agent si usas Cursor, Codex, Gemini CLI, Windsurf o Cline. - **¿Puedo instalar solo uno de los skills?** Sí. Cada ficha de skill trae su propio comando con el selector --skill, así que puedes coger uno suelto sin traerte los 28. Es lo recomendable si solo necesitas una tarea concreta: cada skill instalado ocupa contexto en tu agente. - **¿Qué licencia tiene fullstackrecipes?** El repositorio no declara ninguna licencia en GitHub. Sin licencia explícita, los derechos son del autor por defecto: revísalo antes de reutilizar el código en un proyecto propio. - **¿Quién mantiene fullstackrecipes?** andrelandgraf, en GitHub. El último push al repositorio se registró el 8 de junio de 2026. --- [Todos los packs](https://skillsagentes.com/skills/packs.md) · [Todas las skills](https://skillsagentes.com/skills.md) Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)