egutierrez
ca07927d38
- 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>
37 lines
1.2 KiB
Markdown
37 lines
1.2 KiB
Markdown
# 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.
|