# Better Auth Components

> 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.

Fuente: https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/better-auth-components
Markdown: https://skillsagentes.com/skills/andrelandgraf/fullstackrecipes/better-auth-components.md

Repositorio: https://github.com/andrelandgraf/fullstackrecipes
Autor: andrelandgraf
Licencia: no declarada
Actualizado: hace 3 meses
Coste de contexto: 34 tok instalada, 89 tok al activarse, 89 tok con todos los archivos del bundle
Bundle: 1 archivo, 357 B
Permisos que pide: ninguno declarado

## Instalación

Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina.

```bash
# Claude Code
npx -y skills add andrelandgraf/fullstackrecipes --skill better-auth-components --agent claude-code
# Cursor
npx -y skills add andrelandgraf/fullstackrecipes --skill better-auth-components --agent cursor
# Codex
npx -y skills add andrelandgraf/fullstackrecipes --skill better-auth-components --agent codex
# Gemini CLI
npx -y skills add andrelandgraf/fullstackrecipes --skill better-auth-components --agent gemini
# Windsurf
npx -y skills add andrelandgraf/fullstackrecipes --skill better-auth-components --agent windsurf
# Cline
npx -y skills add andrelandgraf/fullstackrecipes --skill better-auth-components --agent cline
```

## Qué hace

- Descarga la receta Markdown de fullstackrecipes.com con `curl` para añadir componentes de UI de autenticación
- Proporciona páginas para inicio de sesión, registro, recuperación de contraseña, restablecimiento de contraseña y verificación de email

## Cuándo usarla

- Cuando se necesite añadir pantallas de autenticación (login, registro, reset de contraseña, verificación de email) usando Better Auth

## Qué la activa

- "Añade las páginas de login y registro con Better Auth"
- "Necesito una pantalla de recuperación de contraseña para mi app"

## Antes de instalar

- Requiere acceso a internet para ejecutar `curl` y descargar la receta desde fullstackrecipes.com.
- Necesita en el PATH: curl
- makes network requests

## Archivos

- SKILL.md — 357 B

## SKILL.md

No se reproduce aquí. Léelo en https://github.com/andrelandgraf/fullstackrecipes/blob/main/.agents/skills/better-auth-components/SKILL.md

## Dónde encaja

- Categoría: [Desarrollo de APIs](https://skillsagentes.com/categorias/desarrollo-apis.md) — Diseña, prueba y documenta APIs HTTP y GraphQL.
- Creador: [andrelandgraf](https://skillsagentes.com/creators/andrelandgraf.md) — 0 skills en el directorio
- [Todas las skills](https://skillsagentes.com/skills.md)
- [Ranking de instalaciones](https://skillsagentes.com/ranking.md)

## Otras skills del mismo repositorio

- [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.
- [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.
- [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.
- [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.
- [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.

## Skills relacionadas

- [Api And Interface Design](https://skillsagentes.com/skills/addyosmani/agent-skills/api-and-interface-design.md): Guía para diseñar APIs e interfaces estables. Úsalo al diseñar APIs, límites entre módulos, endpoints REST o GraphQL, o contratos de tipos entre frontend y backend.
- [Claude To Deerflow](https://skillsagentes.com/skills/bytedance/deer-flow/claude-to-deerflow.md): Interactúa con la plataforma de agentes DeerFlow vía su API HTTP: envía mensajes, inicia threads, revisa estado, lista modelos/skills/agentes, gestiona memoria y sube archivos, o delega tareas de investigación.
- [Bfl Api](https://skillsagentes.com/skills/calesthio/openmontage/bfl-api.md): Guía de integración de la API BFL FLUX: endpoints, polling asíncrono, límites de tasa, manejo de errores, webhooks y endpoints regionales, con ejemplos en Python y TypeScript.
- [Adaptyv](https://skillsagentes.com/skills/k-dense-ai/scientific-agent-skills/adaptyv.md): Cómo usar la API y el SDK de Python de Adaptyv Bio Foundry para diseñar, enviar y consultar experimentos de proteínas: binding, screening, BLI/SPR, termoestabilidad. Se activa si el código importa `adaptyv`, `adaptyv_sdk` o `FoundryClient`.
- [Accessibility Compliance](https://skillsagentes.com/skills/wshobson/agents/accessibility-compliance.md): Implementa interfaces conformes con WCAG 2.2, con accesibilidad móvil, patrones de diseño inclusivo y soporte para tecnologías de asistencia.

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)