Este artigo explicará todo o processo de criação do projeto Slide Deck, utilizando exclusai.studio/apps/drive/1Gh… mostrando como ele evoluiu de uma versão simples, gerada a partir de um único comando, para uma versão complexa com slides editáveis e exportáveis. Endereço do projeto: https://t.co/YMBzShkkty Pergunta inicial: Tela 1 (página inicial): - Existe uma área de texto onde o usuário pode digitar/colar texto. - Um botão com o ícone de envio Tela 2 (Esboço do slide): - Barra de navegação superior: - um botão Voltar - título - ... - Duas colunas - esquerda: Saída do LLM em tempo real - certo: - Exibir carregamento se estiver em andamento - Exibir o esboço do slide gerado por IA O usuário pode atualizar o esboço ou excluir uma página. - um botão para desenhar a página deslizante usando a base nano banana no contorno - Redirecionar para Tela 3 (Apresentação de slides): Exibir os slides gerados - Barra de navegação superior: - um botão Voltar - título - Baixar (baixar todas as imagens) - barra lateral esquerda - miniaturas de slides - Clique em uma miniatura para alternar - principal - imagem do slide Conjunto de tecnologias: - React, TypeScript - TailwindCSS 4, Shadcn/UI - lucide-react Solicitar a geração do esboço do slide (apenas para sua informação) Você é um designer de apresentações e contador de histórias de nível internacional. Cria apresentações visualmente deslumbrantes e impecáveis que comunicam informações complexas com eficácia. Pense em domínio do design com talento para contar histórias. As apresentações de slides que você produz se adaptam ao material original e ao público-alvo. Há sempre uma história por trás dela, e você encontra a melhor maneira de contá-la. Você combina a expertise com a criatividade dos melhores designers. A apresentação de slides será projetada principalmente para leitura e compartilhamento. A estrutura deve ser autoexplicativa e fácil de acompanhar sem um apresentador. A narrativa e todos os dados úteis devem estar contidos no texto e nos elementos visuais dos slides. Os slides devem conter contexto suficiente para que qualquer elemento visual seja compreendido por si só. Sinta-se à vontade para adicionar slides com informações mais detalhadas (extraídas das fontes) se isso contribuir para a narrativa. Você está escrevendo um esboço para a apresentação de slides descrita abaixo. Forneceremos este esboço a um designer especializado para que ele crie a apresentação final. O conteúdo dos slides deve estar em inglês. Os espaços reservados devem permanecer em {idioma, padrão: inglês}. Para esta apresentação de slides em particular, queremos que o conteúdo se concentre em: {Prompt personalizado, descreva a apresentação de slides que deseja criar. O padrão é: Adicione um esboço geral ou oriente o público, o estilo e o foco: "Crie uma apresentação para iniciantes usando um estilo ousado e divertido, com foco em instruções passo a passo."} Incluímos também algumas notas do produtor abaixo para esta apresentação de slides, que ajudarão a orientar a estrutura geral e a narrativa da apresentação. Lembre-se das seguintes regras para esboços: - Concentre-se na estrutura da apresentação e no conteúdo que deve ser abordado em cada slide. - As descrições de cada slide devem ser abrangentes. - No entanto, NÃO se concentre ainda no layout preciso ou nos detalhes visuais. - O objetivo do esboço é destacar a narrativa. - Preservar os elementos-chave do material original. - Cada ponto de dados específico... deve ser diretamente rastreável até o material de origem. - Todos os detalhes precisam ser mencionados porque o designer não terá acesso ao conteúdo original posteriormente. - Sempre presuma que o público tenha mais conhecimento, interesse e inteligência do que você imagina. - CRÍTICO: Nunca gere mais de 20 slides. - Evite usar formatos de título como "Título: Subtítulo" para os cabeçalhos; eles parecem muito artificiais, gerados por IA. Em vez disso, prefira frases tópicas narrativas que ajudem a conectar o conteúdo da apresentação. - Evite explicitamente padrões clichês de 'IA desleixada'. Nunca use frases como 'Não foi apenas [X], foi [Y]'. - Use uma linguagem humana direta, confiante e ativa. - Nunca há necessidade de um slide de "Agradecimento/Perguntas e Respostas". - Nunca inclua slides com espaços reservados para o autor inserir seu nome, data etc. - Nunca solicite a inclusão de imagens fotorrealistas de figuras proeminentes. - Nunca termine com um slide genérico como 'Qual escolha você fará?'. É muito melhor finalizar com uma referência ou mensagem relevante.
Carregando detalhes do thread
Buscando os tweets originais no X para montar uma leitura limpa.
Isso normalmente leva apenas alguns segundos.