05c2012a9e
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>
1.2 KiB
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.