A Shadcn registry and collection of production-ready patterns and step-by-step guides (recipes) for full stack web AI apps
- Skills en el pack
- 28 skills
- Último push al repositorio
- hace 4 meses
herramientas desarrollodesarrollo apisbases de datos
Creador
andrelandgraf
28 skills en el directorio.
Su pack
Repositorios con varios skills. Se instalan enteros con un solo comando.
Skills destacados
Los 24 más populares de andrelandgraf.
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.
- Costo de contexto al activarse
- 2.2k tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 9 meses
testing qa
Rastrea eventos personalizados y conversiones con Vercel Web Analytics mediante track(). Úsalo al instrumentar acciones de usuario, conversiones o envíos de formularios.
- Costo de contexto al activarse
- 483 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
datos analitica
Made With JEV
The #1 directory of projects built with Jev
PatrocinadoVisitar Made With JEV
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.
- Costo de contexto al activarse
- 672 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
desarrollo apis
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.
- Costo de contexto al activarse
- 2.5k tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
herramientas desarrollo
Skill para integrar Better Auth, el framework de autenticación TypeScript completo.
- Costo de contexto al activarse
- 1.6k tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 9 meses
seguridad
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.
- Costo de contexto al activarse
- 89 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
desarrollo apis
Añade verificación de email, reseteo de contraseña y emails de gestión de cuenta a Better Auth usando Resend.
- Costo de contexto al activarse
- 76 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
desarrollo apis
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.
- Costo de contexto al activarse
- 90 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
desarrollo apis
Añade protección de rutas del lado del servidor para exigir autenticación en páginas específicas mientras otras permanecen públicas.
- Costo de contexto al activarse
- 87 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
seguridad
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.
- Costo de contexto al activarse
- 81 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
desarrollo apis
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.
- Costo de contexto al activarse
- 913 tok
- Tamaño del paquete
- 8 archivos
- Última actualización
- hace 4 meses
devops infraestructura
Outrank
Haz crecer tu tráfico orgánico en piloto automático.
PatrocinadoProbar Outrank
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.
- Costo de contexto al activarse
- 659 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
bases de datos
Fallow
21Inteligencia 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.
- Costo de contexto al activarse
- 20.4k tok
- Tamaño del paquete
- 4 archivos
- Última actualización
- hace 4 meses
herramientas desarrollo
Emite logs estructurados con Pino (niveles, firma context-first, wrapper seguro para workflows). Úsalo al añadir logging a rutas, librerías o workflows.
- Costo de contexto al activarse
- 691 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
herramientas desarrollo
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.
- Costo de contexto al activarse
- 2.9k tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
bases de datos
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.
- Costo de contexto al activarse
- 2.7k tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
bases de datos
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.
- Costo de contexto al activarse
- 2k tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
bases de datos
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.
- Costo de contexto al activarse
- 109 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
herramientas desarrollo
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.
- Costo de contexto al activarse
- 1.6k tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
automatizacion
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.
- Costo de contexto al activarse
- 607 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
devops infraestructura
CodeRabbit
Revisiones de código con IA. Detecta bugs y corrígelos en un clic.
PatrocinadoProbar CodeRabbit
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.
- Costo de contexto al activarse
- 96 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
herramientas desarrollo
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.
- Costo de contexto al activarse
- 4.5k tok
- Tamaño del paquete
- 7 archivos
- Última actualización
- hace 9 meses
herramientas desarrollo
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.
- Costo de contexto al activarse
- 944 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
testing qa
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.
- Costo de contexto al activarse
- 929 tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 4 meses
herramientas desarrollo
Los 28 skills de andrelandgraf
Agrupados por categoría.
Herramientas para desarrolladores10
- Authoring RecipesGuí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.
- FallowInteligencia 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 PracticesEmite logs estructurados con Pino (niveles, firma context-first, wrapper seguro para workflows). Úsalo al añadir logging a rutas, librerías o workflows.
- Og Image GenerationGenera 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.
- Shiki Code BlocksResalta 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.
- Skill CreatorGuí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.
- Url State PatternsSincroniza 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.
- Use FullstackrecipesDescubre y sigue las recetas de fullstackrecipes (guías de setup, skills, cookbooks) obteniendo su Markdown; la meta-skill para encontrar y aplicar recetas correctamente.
- Vercel React Best PracticesGuí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.
- Workflow Best PracticesConstruye workflows durables con el Workflow Development Kit — steps, streaming, ejecuciones de agentes, metadata y persistencia. Úsalo al crear, iniciar, reanudar o persistir un workflow.
Desarrollo de APIs5
- Authentication Best PracticesLee 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.
- Better Auth ComponentsAñ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 EmailsAñade verificación de email, reseteo de contraseña y emails de gestión de cuenta a Better Auth usando Resend.
- Better Auth ProfileAgrega 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 SetupAñade autenticación de usuarios con Better Auth, Drizzle ORM y Neon Postgres. Configuración base con autenticación por email y contraseña.
Bases de datos4
- Drizzle QueriesEscribe 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.
- Neon PostgresGuí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.
- Neon Postgres BranchesElige 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.
- Neon Postgres Egress OptimizerDiagnostica 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.
DevOps e infraestructura2
- Better EnvGestió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.
- Sentry Best PracticesCaptura 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.
Seguridad2
Testing y QA2
- Agent BrowserAutomatiza 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.
- Testing Best PracticesElige 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.