fn_registry/frontend/design_prompts/auth.md at master

Files

T

egutierrez 0883155432 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>

2026-04-21 20:46:00 +02:00

1.3 KiB

Raw Permalink Blame History

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

email · text · required
password · password_input · required + strength meter: {sí/no}
remember_me · switch_toggle · default true

full_name · text · required
organization · text · optional
terms · checkbox · required · label: "Acepto los términos y condiciones"

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

1.3 KiB Raw Permalink Blame History

Login / Register

Config

Campos

Login

Register (extra a los de login)

Social buttons (opcional)

Footer

Layout

1.3 KiB

Raw Permalink Blame History