Do PRD ao Protótipo em 15 Minutos
Do PRD ao Protótipo em 15 Minutos
PMs escrevem especificações. Engenheiros as constroem. A lacuna entre os dois custa semanas.
E se você pudesse fechar essa lacuna por conta própria? Nesta lição, você vai transformar uma ideia de produto em uma página HTML ao vivo — um Product Brief com requisitos, um esboço de wireframe de UI e métricas de sucesso. Sem abrir ticket de engenharia. Entregue a prova, não a especificação.
Instruções
Adicione um <h1> com o nome do seu produto — deixe-o em negrito e grande
Dica: Tente: `<h1 class="text-3xl font-bold text-gray-900 mt-2">SeuProduto — Tagline Curta</h1>`
Adicione um <ul class="requirements"> com pelo menos 3 itens <li> descrevendo o que o produto deve fazer
Adicione um <div class="wireframe"> que esboce a UI — use caixas coloridas para representar estágios ou seções da interface
Adicione pelo menos uma métrica de sucesso — um número ou percentual que define como é o "pronto". Use a palavra "métrica" ou "metric" em algum lugar da página
Seu Código
Descreva o que você quer construir para esta etapa e eu escrevo o código — depois clique em Aplicar para inseri-lo no seu editor. Esta etapa: Adicione um <h1> com o nome do seu produto — deixe-o em negrito e grande