Egutierrez
05c2012a9e
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>
1.4 KiB
1.4 KiB
Prompts para Claude Design
Plantillas listas para pegar en claude.ai/design. Copias, rellenas los {PLACEHOLDERS}, pegas. Cada una asume que el repo fn-design-system ya está enlazado al proyecto de Claude Design y que DESIGN_SYSTEM.md es la regla suprema.
| # | Archivo | Cuándo usar |
|---|---|---|
| 00 | onboarding.md | Primera vez al crear un proyecto nuevo en Claude Design. Le fija las reglas. |
| 01 | dashboard.md | Dashboard de analytics con KPIs + charts. |
| 02 | crud.md | Gestión CRUD: lista + tabla + modal create/edit/delete. |
| 03 | detail.md | Ficha de detalle de una entidad. |
| 04 | settings.md | Página de configuración con navegación lateral. |
| 05 | auth.md | Login / register. |
| 06 | error.md | 404 / 500 / 403 / custom. |
| 07 | custom.md | Pantalla libre que no encaja en ninguna plantilla. |
| 08 | handoff_integrate.md | Para Claude Code (yo) — integrar un export de Claude Design al registry. |
Flujo estándar
- Primera vez en el proyecto → pegas
onboarding.md. - Cada pantalla nueva → copias la plantilla que aplica, rellenas, pegas.
- Cuando te guste el diseño → "Handoff to Claude Code" en Claude Design.
- De vuelta aquí → me pegas el export +
handoff_integrate.md, yo lo adapto al repo.