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>
This commit is contained in:
@@ -0,0 +1,43 @@
|
||||
# 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.
|
||||
Reference in New Issue
Block a user