Files
fn_registry/frontend/design_prompts/error.md
T
egutierrez ca07927d38 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

26 lines
936 B
Markdown

# Página de error
Diseña una página de error usando `ErrorPage` del registry. Respeta `DESIGN_SYSTEM.md`.
## Config
- **Código:** `{404 / 500 / 403 / 503 / CUSTOM}`
- **Título:** `{ej. "Página no encontrada"}`
- **Descripción:** `{una o dos frases — sin terminología técnica salvo que sea para devs}`
- **Icono (opcional):** `{IconBug / IconServerOff / IconLock / ...}` de Tabler
## Acciones
{una o dos botones, la primera es la primaria}
- `{Volver al inicio}``/` (default)
- `{Contactar soporte}``mailto:...` (outline)
- `{Reintentar}``() => window.location.reload()` (ghost)
## Layout
- Centrado vertical y horizontal.
- Código del error: display grande (fz 80-120, fw 700, color dimmed o destructive según gravedad).
- Debajo: título, descripción, acciones en `Group`.
## Notas
- {si hay contexto adicional — ej. incluir request-id para debugging}
Entrégalo listo para Handoff to Claude Code.