egutierrez
ca07927d38
- frontend/DESIGN_SYSTEM.md: contrato del @fn_library (regla suprema para Claude Design y agentes). - frontend/design_prompts/: 11 plantillas de prompt (onboarding, dashboard, crud, detail, settings, auth, error, custom, handoff_integrate) + questionnaire numerado para arranque rapido. - .claude/commands/extract-design.md: workflow de 10 pasos para extraer componentes nuevos y mejoras desde exports "standalone" de Claude Design al registry, sync al espejo fn-design-system y push a gitea+github. - .claude/scripts/extract_design_bundle.py: decodificador del bundle (base64+gzip en manifest, nombra JSX por heuristica de header). - .gitignore: ignorar subrepos/*/ (el mirror fn-design-system es repo propio con remotes dataforge/fn-design-system + gutierenmanuel/fn-design-system). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
38 lines
1.3 KiB
Markdown
38 lines
1.3 KiB
Markdown
# Login / Register
|
|
|
|
Diseña una página de autenticación usando `AuthForm` del registry. Respeta `DESIGN_SYSTEM.md`.
|
|
|
|
## Config
|
|
- **Modo por defecto:** `login` / `register` / `toggle` (con switch entre ambos)
|
|
- **Nombre de la app:** `{NOMBRE}` (aparece en el header)
|
|
- **Logo:** {icono Tabler / SVG inline / texto}
|
|
|
|
## Campos
|
|
### Login
|
|
- `email` · text · required
|
|
- `password` · password_input · required + strength meter: {sí/no}
|
|
- `remember_me` · switch_toggle · default true
|
|
|
|
### Register (extra a los de login)
|
|
- `full_name` · text · required
|
|
- `organization` · text · optional
|
|
- `terms` · checkbox · required · label: "Acepto los términos y condiciones"
|
|
|
|
## Social buttons (opcional)
|
|
{marca los que aplican}
|
|
- [ ] Google (IconBrandGoogle)
|
|
- [ ] GitHub (IconBrandGithub)
|
|
- [ ] GitLab (IconBrandGitlab)
|
|
- [ ] SSO corporativo (IconShieldLock, texto "Continue with SSO")
|
|
|
|
## Footer
|
|
- Link "¿Olvidaste la contraseña?" → `/forgot-password`
|
|
- Link "¿No tienes cuenta? Regístrate" (solo en modo login)
|
|
|
|
## Layout
|
|
- Centrado vertical y horizontal en viewport.
|
|
- Card con `variant="default"`, radius `lg`, padding `xl`, max-width `400px`.
|
|
- Fondo: color scheme dark (por defecto) con un sutil patrón o gradiente: {describe o "sin fondo"}.
|
|
|
|
Entrégalo listo para Handoff to Claude Code.
|