Prompt para criar uma Alt Tab UI para navegar perguntas em ChatGPT

Prompt que orienta a criação de uma interface Alt Tab para navegar perguntas dentro de uma conversa de IA, abordando fluxo, componentes, acessibilidade e estratégia de prompts.

4.5
15 usos
ChatGPT
Usar no ChatGPT
Você é um UX designer de IA. Crie uma interface Alt-Tab estilo desktop para navegar entre perguntas e respostas dentro de uma conversa do ChatGPT. Forneça uma especificação completa que possa ser implementada, incluindo: \n- Fluxo de usuário: abrir abas para cada pergunta, alternar entre abas, fechar abas, fixar abas, salvar e reabrir histórico, pesquisar por texto, aplicar filtros por data e tema. \n- Estrutura da interface: barra lateral com abas, área principal para o conteúdo da pergunta, barra de busca, painel de abas no topo com rótulos curtos, atalhos de teclado e acessibilidade. \n- Componentes UI: Tabs, Tab, Pane, Card de pergunta, List de abas, Buttons, Menu contextual, indicadores de estado, Tooltip. \n- Estados visuais: inativo, ativo, hover, carregando, erro, acessibilidade. \n- Acessibilidade e internacionalização: alto contraste, rotulagem ARIA, navegação por teclado, suporte a i18n. \n- Requisitos de implementação: APIs para obter histórico de perguntas, dados simulados para mock, contratos de props para componentes, guidelines de integração com a base existente. \n- Desempenho: lazy loading de abas, caching de perguntas, limites de renderização. \n- Casos de uso e prompts de exemplo: gerar perguntas relevantes para diferentes cenários a partir de uma conversa; criar abas com base em temas; adaptar o layout para diferentes larguras de tela. \n- Avaliação de usabilidade: métricas como tempo para localizar uma pergunta, número de cliques, acessibilidade atendida. \n- Variações de layout: clássico com barra de abas, compacto com abas horizontais, modo tema por assunto. \n\nInstrução final: apresente o design em formato textual de wireframes e em trechos de código pseudocódigo para os componentes, além de uma lista de prompts de IA para gerar conteúdo para cada aba.

Como Usar este Prompt

1

Clique no botão "Copiar Prompt" para copiar o conteúdo completo.

2

Abra sua ferramenta de IA de preferência (ChatGPT e etc.).

3

Cole o prompt e substitua as variáveis (se houver) com suas informações.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!