Los mejores prompts empiezan
con un brief más claro.
Planifica tu app, define su diseño y dale a tu herramienta el contexto que necesita. 20 herramientas prácticas, listas para cuando las necesites.
Diseño
Herramientas: 6- Dirección de diseñoAa
Hazlo tuyo.
radio: 12pxDiseñoCreador de prompts de interfaz
Forma la interfaz. Llévate las palabras.
Herramienta abierta Más allá de la predeterminación
CargandoVacíoErrorÉxitoSin conexiónDeniedDiseñoGenerador de estados de interfaz
Dar cada componente sus estados desaparecidos.
Herramienta abiertaUn vocabulario compartido
--space-4: 16px;
--radius-md: 12px;
DiseñoGenerador de tokens de diseño
Mantenga los valores detrás de su interfaz consistente.
Herramienta abiertaContraste, medido
Aa7.83:1AA texto normal · Paso
DiseñoComprobador de contraste de colores
Ponga un número detrás de la elección de color.
Herramienta abiertaUn ritmo para tu tipo
Encabezamiento uno
Una pequeña jerarquía.
16 × 1,25 = escala de tipo
DiseñoEscala tipográfica interactiva
Vea su tipo de escala antes de enviarlo.
Herramienta abiertaUna pantalla, tres tamaños
Móvil → tableta → escritorio
DiseñoCreador de briefs de diseño responsive
Escribe el comportamiento de pantalla pequeña en el breve.
Herramienta abierta
Prompts
Herramientas: 2Receta de motivos
Construir un flujo de reserva.
01 Disponibilidad y capacidad
02 Reserve " confirm
03 Verificar los casos de borde
PromptsCreador de prompts para funciones de apps
Elige una receta. Rellene las decisiones.
Herramienta abiertaprompt cobertura
5 8 decisiones
Desaparecido: datos, flujos, cheques
PromptsRevisor de prompts
Encuentra los huecos antes de que tu constructor adivina.
Herramienta abierta
Planificación
Herramientas: 7- Más allá del camino feliz2 / 3Credenciales inválidosEnlace de reajuste transitadoPeríodo de sesiones expiradoPlanificación
Lista de pantallas olvidadas
Coge las pantallas que no hicieron el breve.
Herramienta abierta ¿Quién puede hacer qué?
LeerEditarSuprímaseInvitado✓——Miembro✓✓—Admin✓✓✓PlanificaciónCreador de matrices de permisos
Hacer las decisiones de acceso visibles.
Herramienta abiertaDefinir hecho
GIVEN Una reserva confirmada
CUANDO Un invitado cancela
A continuación Libera el asiento.
Un resultado que puedes verificar.PlanificaciónCreador de criterios de aceptación
Haga “hace” algo que pueda comprobar.
Herramienta abiertaUn orden de construcción útil
1Foundation
2Cuentas
3Pagos
PlanificaciónPlanificador del orden de desarrollo
Un orden razonable para los próximos prompts.
Herramienta abiertaCampos con un propósito
Dirección de correo electrónico *you@example.comNecesario · Correo electrónico válido
PlanificaciónCreador de especificaciones de formularios
Campos, validación y condiciones en un solo lugar.
Herramienta abiertaUn lugar para cada página
/ Home
/app Dashboard
/projects
/settings
PlanificaciónCreador de mapas de apps
Planifique las rutas antes de las redirecciones.
Herramienta abiertaRegistros y relaciones
usuarios
id · emailproyectos
owner_idUn usuario → muchos proyectos
PlanificaciónPlanificador de esquemas de datos
Haz explícitas tus relaciones de datos.
Herramienta abierta
Contexto
Herramientas: 3- project-knowledge.md
# Un pequeño contexto
01 Producto & audiencia
02 Corrientes de trabajo en estadio
03 Limitaciones de diseño
ContextoCreador de contexto para Lovable
Dale a tu constructor el contexto que vale la pena guardar.
Herramienta abierta - AGENTS.mdCLAUDE.md.mdc
Acuerdos de trabajo
+ Reutilizar los componentes existentes
+ Mantener los cambios enfocados
+ Verificar antes de terminar
ContextoGenerador de reglas del proyecto
Haz la forma en que trabajas parte del proyecto.
Herramienta abierta Recógete donde te fuiste.
Construido: cuentas " reservas
Verificado: persistencia del período de sesiones
Siguiente: investigar el checkoutContextoCreador de documentación de entrega
Dejar el próximo período de sesiones un punto de partida útil.
Herramienta abierta
Desarrollo
Herramientas: 1Depuración
Herramientas: 1Mantenga el contexto. Construyelo.
Archly trae su contexto de proyecto, perfiles de plataforma, y prompts en un espacio de trabajo.