Prompts melhores começam
com um briefing mais claro.
Planeje seu app, defina o design e dê à sua ferramenta o contexto necessário. 20 ferramentas práticas para usar quando precisar.
Design
Ferramentas: 6- Direção do projetoAa.
Faça com que seja seu.
Raio: 12pxDesignCriador de prompts de interface
Molde a interface. Leve as palavras com você.
Ferramenta aberta. Além do padrão
Carregando.Vazio.ErroSucesso.Desligado.Negado.DesignGerador de matrizes de estados da interface
Dê a cada componente seus estados desaparecidos.
Ferramenta aberta.Um vocabulário compartilhado.
--space-4: 16px;
--radius-md: 12px;
DesignGerador de tokens de design
Mantenha os valores por trás de sua interface consistente.
Ferramenta aberta.Contraste, medido.
Aa.7.83:1AA, texto normal. Passe.
DesignVerificador de contraste de cores
Coloque um número atrás da escolha da cor.
Ferramenta aberta.Um ritmo para o seu tipo
Indo em um.
Um pouco de hierarquia.
16 × 1,25 = uma escala tipo
DesignEscala tipográfica interativa
Veja a escala do seu tipo antes de enviá-la.
Ferramenta aberta.Uma tela, três tamanhos.
Móvel → tablet → desktop
DesignCriador de briefings de layout responsivo
Escreva o comportamento de tela pequena no resumo.
Ferramenta aberta.
Prompts
Ferramentas: 2Receita de recurso.
Construir um fluxo de reserva.
01 Disponibilidade e capacidade
02 Reserva e confirmação.
03 Verifiquem as bordas.
PromptsCriador de prompts para recursos de apps
Escolha uma receita. Preencha as decisões.
Ferramenta aberta.prompt cobertura
5 / 8 decisões
Desaparecidos: dados, fluxos, verificações.
PromptsVerificador de prompts
Encontre as lacunas antes que seu construtor adivinhe.
Ferramenta aberta.
Planeamento
Ferramentas: 7- Além do caminho feliz2 / 3Credenciais inválidas.Fim do link de reset.Sessão expiradaPlaneamento
Checklist de telas esquecidas
Pegue as telas que não chegaram ao resumo.
Ferramenta aberta. Quem pode fazer o quê?
Leia.EditarApagarConvidado✓——Membro.✓✓—Admin.✓✓✓PlaneamentoCriador de matrizes de permissões
Tornar as decisões de acesso visíveis.
Ferramenta aberta.Defina feito.
DADO Uma reserva confirmada.
QUANDO Um convidado cancela.
Então... Solte o assento.
Um resultado que você pode verificar.PlaneamentoCriador de critérios de aceitação
Faça "feito" algo que você possa verificar.
Ferramenta aberta.Uma ordem de construção útil.
1Fundação.
2Contas
3Pagamentos
PlaneamentoPlanejador da ordem de desenvolvimento
Uma ordem sensata para os próximos prompts.
Ferramenta aberta.Campos com um propósito
Endereço de email *you@example.comNecessário · e-mail válido
PlaneamentoCriador de especificações de formulários
Campos, validação e condições em um só lugar.
Ferramenta aberta.Um lugar para cada página
- Casa.
App Dashboard
/projects
/settings
PlaneamentoCriador de mapas de apps
Planeje as rotas antes dos redirecionamentos.
Ferramenta aberta.Registros e relacionamentos
usuários
id · e-mailprojetos
owner_idUm usuário → muitos projetos
PlaneamentoPlanejador de esquemas de dados
Explique suas relações de dados.
Ferramenta aberta.
Contexto
Ferramentas: 3- project-knowledge.md
# Um pequeno contexto
01 Produto e público
02 Stack & fluxos de trabalho
03 Design e restrições
ContextoCriador de contexto para Lovable
Dê ao seu construtor o contexto que vale a pena manter.
Ferramenta aberta. - AGENTS.mdCLAUDE.md.Mdc
# Acordos de trabalho
+ Reutilizar componentes existentes
Mantenha as mudanças focadas.
+ Verifique antes de terminar
ContextoGerador de regras do projeto
Faça do jeito que você trabalha fazer parte do projeto.
Ferramenta aberta. Continue de onde parou.
Construído: contas e reservas
Verificado: persistência da sessão.
Próximo: investigar checkoutContextoCriador de documentação de entrega
Deixe a próxima sessão um ponto de partida útil.
Ferramenta aberta.
Desenvolvimento
Ferramentas: 1Depuração
Ferramentas: 1Mantenha o contexto. Construa-o.
Archly traz seu contexto de projeto, perfis de plataforma, e prompts em um espaço de trabalho.