Files

T

egutierrez 0883155432 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

1.2 KiB

Raw Blame History

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.

1.2 KiB Raw Blame History