Diferencie o papel do "Usuário Final" do papel do "Cliente MCP" em um app web.
Por que a UX deve mostrar quando a IA está "pensando" ou "chamando uma ferramenta"?
🟡 Nível Intermediário
Explique o problema de segurança de colocar chaves de API do servidor MCP diretamente no frontend (React/Vue).
Como você renderizaria o resultado de uma Tool que retorna uma lista de preços: em texto puro ou em uma tabela/gráfico? Justifique.
🔴 Nível Desafio
Fluxograma de Aprovação: Desenhe (em texto ou diagrama) o fluxo de uma aplicação web onde:
A IA sugere "Deletar Conta".
O Sistema interrompe e pede confirmação ao Usuário.
O Usuário confirma.
O MCP executa a Tool.
O Frontend atualiza o estado para "Logoff".
📚 Gabarito e Soluções Comentadas
Gabarito Explicado ### Questão 1: Diferencie o papel do "Usuário Final" do papel do "Cliente MCP" em um app web. **Resposta Comentada:** - **Fundamentação:** No contexto de **MCP com Aplicações Web**, o conceito abordado (Diferencie o papel do "Usuário Final" do papel do "Cliente MCP" em um app web.) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 2: Por que a UX deve mostrar quando a IA está "pensando" ou "chamando uma ferramenta"? **Resposta Comentada:** - **Fundamentação:** No contexto de **MCP com Aplicações Web**, o conceito abordado (Por que a UX deve mostrar quando a IA está "pensando" ou "chamando uma ferramenta"?) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 3: Explique o problema de segurança de colocar chaves de API do servidor MCP diretamente no frontend (React/Vue). **Resposta Comentada:** - **Fundamentação:** No contexto de **MCP com Aplicações Web**, o conceito abordado (Explique o problema de segurança de colocar chaves de API do servidor MCP diretamente no frontend (React/Vue).) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 4: Como você renderizaria o resultado de uma Tool que retorna uma lista de preços **Resposta Comentada:** - **Fundamentação:** No contexto de **MCP com Aplicações Web**, o conceito abordado (Como você renderizaria o resultado de uma Tool que retorna uma lista de preços) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 5: Fluxograma de Aprovação **Resposta Comentada:** - **Fundamentação:** No contexto de **MCP com Aplicações Web**, o conceito abordado (Fluxograma de Aprovação) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais.