Skip to content

Instantly share code, notes, and snippets.

@mvnp

mvnp/Prompt para geração do frontend

Created November 19, 2025 21:43
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mvnp/f4a88bde88e1e54c9c5a0d9f92662818 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mvnp/f4a88bde88e1e54c9c5a0d9f92662818 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Prompt para geração do frontend
Crie um prompt que vai pedir para a IA construir uma dashboard de listagem de produtos e clientes. Essa dashboard deve conter uma tela de login, uma tela inicial de dashboard vazia e mais duas telas: uma tela de listagem de produtos e uma tela de listagem de clientes.
Deve informar explicitamente no prompt que o projeto será desenvolvido em Vite + Tailwind CSS com ReactJS library e por enquanto não vai ter nenhum integração de backend no projeto. Vamos se preocupar exclusivamente com o frontend.
Também deve especificar que vamos ter um CRUD de produtos e clientes e um modal para inclusão de clientes no banco de dados. Somente o formulário, não faça nada de backend.
Na tabela de listagem devem conter as funções atualizar que abre o modal com dados do produto para a tela de produto, com os dados do cliente para a tela de clientes.
Faça esse prompt na tela ao lado em escrita markdown para que eu possa copiar e colar o texto. Não esqueça das rotas "/" para dashboard, "/login" para login, "/customers" para clientes e "/products" para produtos.
Resultado final: uma dashboard com tela de login, e-mail e senha, redireciona para a tela dashboard de boas vindas e as telas de produto e clientes. Essa dashboard tem um menu superior (topbar) e um menu lateral esquerdo (sidebar) com os mesmo items.
Entendeu todas as demandas?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment