Polaris Studio - Copy this React, Tailwind Component to your project
## 📝 **Prompt Refinado - Polaris Studio** ## 🎯 **Funcionalidades e Ações** ### **1. Experiência do Usuário - Storytelling** **Maria acessa o Polaris Studio para explorar dados de sua empresa.** - Ao abrir a plataforma, Maria vê uma **interface limpa e intuitiva** com uma barra superior contendo **opções rápidas para upload de dados, busca global e alternância de tema**. - Ela arrasta um arquivo **Excel (.xlsx)** para a área de upload, recebendo **feedback visual imediato** com um preview dos dados carregados. - A IA sugere automaticamente visualizações relevantes, como **gráficos de barras e linhas**, com base nos dados carregados. **📊 Área de Visualização Interativa:** - Maria ajusta facilmente os gráficos através de **drag & drop intuitivo**, observando **snap-to-grid automático** e feedback visual preciso. - Ela reorganiza widgets, ajusta tamanhos e aplica filtros diretamente na interface. **💬 Chat Inteligente:** - Maria pergunta: *"Mostre os três produtos mais vendidos no último trimestre."* - O chat exibe uma resposta clara, com um gráfico de barras dinâmico surgindo na área principal. - Ela solicita: *"Adicione uma linha de tendência ao gráfico."* - A modificação acontece instantaneamente, sem interrupções na experiência. **📈 Insights com Machine Learning:** - Maria ativa uma opção de **'Análise com IA'**, que destaca padrões escondidos nos dados. - A IA detecta uma **queda nas vendas em uma região específica** e sugere campanhas promocionais. ### **2. Widgets Específicos:** - **Widget Excel (.xlsx):** Pré-visualização de tabelas com opções para filtros e cálculos rápidos. - **Widget Word (.docx):** Área de edição rica com colaboração em tempo real. - **Widget Machine Learning:** Interface visual para configurar modelos preditivos com sliders e botões. - **Widget Redes Neurais:** Painel de configuração intuitivo para criar e treinar redes neurais com feedback visual. ### **3. Barra de Ferramentas Inteligente:** - A toolbar apresenta **atalhos contextuais** baseados no que Maria está fazendo. - Sugestões aparecem dinamicamente: *"Adicionar gráfico de pizza?"* ou *"Exportar para PDF?"* ### **4. Responsividade e Adaptação:** - Maria acessa o Polaris Studio no tablet enquanto se desloca. - A interface se adapta automaticamente, priorizando o **chat inteligente** e simplificando as visualizações. - No celular, a tela foca exclusivamente em **interações conversacionais com a IA**. ### **5. Colaboração e Compartilhamento:** - Maria convida um colega para revisar os gráficos diretamente na plataforma. - Ambos veem atualizações em tempo real, com indicadores visuais mostrando quem está editando. ## 📊 **Métricas de Sucesso:** - **Interações intuitivas**: Ações realizadas em poucos cliques. - **Performance otimizada**: Renderização suave e responsiva. - **Feedback instantâneo**: Respostas rápidas no chat. - **Visualizações precisas**: Gráficos claros e ajustáveis. - **UX de alto nível**: Design limpo e foco na experiência. ✅ **Instrução Final:** - Utilize **renderização condicional** para otimização. - Aplique **mapeamento de objetos** para componentes repetitivos. - Destaque **seções específicas do código** ao solicitar alterações. - Evite **parágrafos longos** e use **palavras-chave técnicas**. - Priorize **quick-wins** para otimizações rápidas no UI/UX. **Maria conclui sua análise com confiança, satisfeita com uma interface que torna o complexo em algo simples e poderoso. 🚀**
