Files
fn-design-system/design_prompts/detail.md
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

1.2 KiB

Ficha de detalle

Diseña la página de detalle de {ENTIDAD} usando detailPage como generator raíz. Respeta DESIGN_SYSTEM.md.

Header

  • Avatar: {iniciales / imagen / icono Tabler}
  • Título: {nombre de la entidad}
  • Subtítulo: {descripción breve}
  • Badge lateral: {dominio / status / tipo} — variante {secondary / success / destructive}
  • Back button → {ruta}
  • Acciones (derecha): {Edit (outline), Delete (destructive), Duplicate (ghost)}

Campos (grid 2-3 columnas)

label value
{ID} {valor}
{Creado} {fecha formateada}
{Autor} {texto + avatar pequeño}
{Estado} {Badge}
{Tags} {Chips}

Tabs

key label count contenido
{code} Código {N} <pre> con código
{tests} Tests {M} DataTable de tests
{deps} Dependencias {K} Lista con badges
{usage} Uso {J} DataTable

Timeline de actividad

Lista de eventos: {created, updated, indexed, deployed, ...} con fecha relativa.

Notas

  • {si hay secciones custom, descríbelas aquí}

Entrégalo listo para Handoff to Claude Code.