Recursos y Enlaces
Referencias útiles y apéndices del framework AIDED.
12. Recursos y Enlaces
- Documentación: Next.js, Supabase, Tailwind CSS.
- Herramientas: ChatGPT/Claude, Trae/Cursor, ClickUp, Figma, v0.dev.
Apéndices
A. Plantillas de Prompts
Prompt para Feature Nueva:
Contexto: [Descripción de la feature]
Requisitos:
- [Req 1]
- [Req 2]
- [Req 3]
Stack: Next.js 14, Supabase, Tailwind CSS, TypeScript
Considera:
- Mobile-first responsive
- Accesibilidad WCAG 2.1
- Manejo de errores
- Loading states
- RLS de Supabase
- Tipos TypeScript completos
Consulta AGENTS.md para convenciones del proyecto.
Prompt para Debugging:
Problema: [Descripción del bug]
Comportamiento esperado: [...] Comportamiento actual: [...]
Código relevante: [paste código]
Error (si aplica): [paste error]
Analiza y sugiere solución considerando:
* Best practices de Next.js
* Seguridad (RLS, validación)
* Performance
* TypeScript types
B. Checklist de Feature Completa
- UI implementada según diseño
- Responsive (mobile, tablet, desktop)
- Accesible (keyboard, screen readers, ARIA)
- Connected to backend
- Error handling
- Loading states
- Empty states
- Success feedback
- TypeScript types completos
- Tests escritos
- Documentación actualizada (AGENTS.md, ClickUp)
- Code review (manual o con IA)
- Performance optimizada
C. Recursos Recomendados
Herramientas:
- ChatGPT/Claude: Arquitectura y planning
- Trae/Cursor: Desarrollo con agentes
- ClickUp/Notion: Gestión de proyecto
- Figma: Diseño UI/UX
- v0.dev/Stitch: Generación de diseño con IA
- Supabase: Backend as a Service
- Vercel: Hosting y CI/CD
Lecturas: