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>
44 lines
1.3 KiB
Markdown
44 lines
1.3 KiB
Markdown
# CRUD
|
|
|
|
Diseña una página de gestión de `{ENTIDAD}` usando `crudPage<T>` como generator raíz. Respeta `DESIGN_SYSTEM.md`.
|
|
|
|
## Entidad
|
|
TypeScript:
|
|
```ts
|
|
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}
|
|
|
|
## Form schema (modal create/edit)
|
|
| 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.
|