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 3 meses
herramientas desarrollodesarrollo apisbases de datos
Creador
andrelandgraf
0 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 7 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 3 meses
datos analitica
Outrank
Haz crecer tu tráfico orgánico en piloto automático.
PatrocinadoProbar Outrank
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 3 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 3 meses
herramientas desarrollo
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 3 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 3 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 3 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 3 meses
seguridad
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 3 meses
devops infraestructura
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 3 meses
bases de datos
Fallow
20Inteligencia 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 3 meses
herramientas desarrollo
CodeRabbit
Revisiones de código con IA. Detecta bugs y corrígelos en un clic.
PatrocinadoProbar CodeRabbit
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 3 meses
herramientas desarrollo
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 3 meses
bases de datos
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 3 meses
bases de datos
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 3 meses
automatizacion
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 7 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 3 meses
testing qa
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.
- Costo de contexto al activarse
- 1.4k tok
- Tamaño del paquete
- 53 archivos
- Última actualización
- hace 7 meses
herramientas desarrollo
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 3 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 3 meses
herramientas desarrollo
Wispr Flow
Convierte tu voz en texto, allí donde escribas.
PatrocinadoProbar Wispr Flow
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 3 meses
devops infraestructura
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 3 meses
herramientas desarrollo
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.
- Costo de contexto al activarse
- 1.1k tok
- Tamaño del paquete
- 1 archivo
- Última actualización
- hace 3 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 7 meses
seguridad
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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
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 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.
- 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.
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.