feat(design-system): DESIGN_SYSTEM.md + prompts + extract-design command
- 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>
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
# 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.
|
||||
Reference in New Issue
Block a user