Egutierrez
05c2012a9e
Templates for Claude Design: onboarding, dashboard, crud, detail, settings, auth, error, custom + handoff_integrate (for Claude Code). sync_from_registry.sh now mirrors design_prompts/ too. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
43 lines
1.4 KiB
Markdown
43 lines
1.4 KiB
Markdown
# Página de configuración
|
|
|
|
Diseña una página de settings usando `settingsPage` como generator raíz. Respeta `DESIGN_SYSTEM.md`.
|
|
|
|
## Navegación lateral
|
|
| key | label | icono Tabler |
|
|
|-----|-------|--------------|
|
|
| {general} | General | IconSettings |
|
|
| {profile} | Perfil | IconUser |
|
|
| {notifications} | Notificaciones | IconBell |
|
|
| {security} | Seguridad | IconLock |
|
|
| {billing} | Facturación | IconCreditCard |
|
|
| {api_keys} | API Keys | IconKey |
|
|
|
|
## Secciones (una por key de nav)
|
|
|
|
### {general}
|
|
- `{site_name}` · text · "Nombre del sitio"
|
|
- `{timezone}` · select · opciones `[UTC, Europe/Madrid, ...]`
|
|
- `{language}` · simple_select · `[es, en, fr]`
|
|
|
|
### {profile}
|
|
- `{full_name}` · text · required
|
|
- `{email}` · text · required, validación email
|
|
- `{avatar}` · file_input · image/*
|
|
- `{bio}` · textarea · maxlength 500
|
|
|
|
### {notifications}
|
|
- `{email_alerts}` · toggle · default true
|
|
- `{daily_digest}` · toggle · default false
|
|
- `{quiet_hours}` · date_picker_input (range)
|
|
|
|
### {security}
|
|
- Password change (PasswordInput old + new + confirm)
|
|
- 2FA toggle
|
|
- Active sessions list (DataTable + "Revoke" per row)
|
|
|
|
## Guardado
|
|
- Botones al pie de cada sección: "Cancelar" (ghost) + "Guardar cambios" (default).
|
|
- O autosave con toast de confirmación (si lo prefieres, explícalo aquí).
|
|
|
|
Entrégalo listo para Handoff to Claude Code.
|