Construa uma Ferramenta de Admin Interna
Lance uma Ferramenta Interna em Minutos
Todo time de produto tem uma fila de pedidos do tipo "alguém deveria construir uma tela de admin rápida para nós". Como PM, você não precisa mais esperar na fila. Com IA e um pouco de Tailwind, você pode prototipar exatamente a ferramenta interna que o seu time de operações precisa.
Nesta lição você vai construir um painel de admin limpo: uma tabela de dados listando itens com botões de ação, mais um formulário simples para "adicionar item". Essa é a interface básica de ferramentas internas e, quando você conseguir esboçá-la sozinho, poderá entregar à engenharia um protótipo funcional em vez de um Figma vago.
Seja pragmático. Ferramentas internas não precisam ser bonitas — precisam ser claras, rápidas e utilizáveis pelo seu time.
Instruções
Adicione um título de página (h1) chamado "User Admin Panel" dentro de uma div centralizada
Dica: Use: `<div class="max-w-4xl mx-auto p-8"><h1 class="text-3xl font-bold mb-6">User Admin Panel</h1></div>`
Onde é que isto entra?
<!-- Build your admin panel here -->Escreva na linha 11 — abaixo desse comentário, depois do código que já adicionou.
Adicione uma tabela de dados com colunas de cabeçalho (Name, Role, Actions) e pelo menos uma linha de dados
Adicione botões de ação Edit e Delete dentro das linhas da tabela
Adicione um formulário "add item" com campos de texto e um botão de envio
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 título de página (h1) chamado "User Admin Panel" dentro de uma div centralizada