dataforge/fn-design-system

Files

T

Egutierrez 05c2012a9e feat: add design_prompts/ — 10 ready-to-paste templates

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>

2026-04-21 19:54:14 +02:00

936 B

Raw Blame History

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.