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.3 KiB

Raw Blame History

CRUD

Diseña una página de gestión de {ENTIDAD} usando crudPage<T> como generator raíz. Respeta DESIGN_SYSTEM.md.

Entidad

TypeScript:

interface {Entidad} {
  {campo1}: {tipo}
  {campo2}: {tipo}
  // ...
}

Columnas de la tabla

key	label	format / render
{id}	ID	texto corto
{nombre}	Nombre	texto
{status}	Status	Badge semántico (success/destructive/warning según valor)
{price}	Precio	format=currency
{created}	Creado	format=datetime

Acciones

Header: {Add Entidad} (button default + IconPlus)
Por fila (en DropdownMenu): {Edit, Delete, Ver detalle, Duplicar}

field	type	label	validación
{nombre}	text	Nombre	required
{categoria}	select	Categoría	required, opciones: [...]
{price}	number	Precio	min 0
{notes}	textarea	Notas	—
{active}	toggle	Activo	default true

Filtros

Barra de filtros arriba: {lista de SearchBar / SimpleSelect / Chips / DatePickerInput}

Notas

{paginación / sort / bulk actions si aplican}

Entrégalo listo para Handoff to Claude Code. Mock data realista.

1.3 KiB Raw Blame History