feat: add design_prompts/ — 10 ready-to-paste templates
Templates for Claude Design: onboarding, dashboard, crud, detail, settings, auth, error, custom + handoff_integrate (for Claude Code). sync_from_registry.sh now mirrors design_prompts/ too. 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