Hero MCP

manual

O que cada tela faz, em prints reais. Seed local com dados fictícios.

Portal PúblicoApp Vídeos

Dados 100% fictícios (seed local)

Público

9

Landing, preço, demo e login — sem sessão. Abra uma tela para ver o print.

Produto

Produto

Landing

/

Página inicial pública com proposta de valor e vídeo.

Passo a passo
  1. Abra a raiz do site (sem login).
  2. Leia o hero e role até o vídeo e os recursos.
  3. Use a barra superior para ir a Preço, Recursos ou Entrar.
Produto

Preço

/pricing

Planos Free, Pro e Team.

Passo a passo
  1. No menu público, clique em Preço.
  2. Compare limites de memórias e geração de docs.
  3. Use o CTA do plano para ir ao login.
Produto

Recursos

/features

Catálogo de funcionalidades e tools MCP.

Passo a passo
  1. No menu público, clique em Recursos (ou Ver todas na landing).
  2. Percorra as seções (memória, código, docs, mapa, organização).
  3. Cada card aponta a tool MCP correspondente.
Produto

Segurança

/security

Isolamento por tenant, JWT e visibilidade.

Passo a passo
  1. No rodapé ou menu, abra Segurança.
  2. Leia o modelo de tenant, tokens e visibilidade das memórias.

Demo

Demo

Demo

/demo

Walkthrough offline initialize → save → search → map → suggest.

Passo a passo
  1. Abra /demo (não precisa de conta).
  2. Acompanhe os passos do player; o estado fica em data-demo-step.
  3. Opcional: ?autoplay=1 para gravar o vídeo do tutorial.

Login

Login

Login

/login

Entrar com magic link, Google ou senha.

Passo a passo
  1. Clique em Entrar na barra pública.
  2. Informe o e-mail e envie o magic link.
  3. Opcional: Google OAuth ou senha, se já ativados.
Login

Verificar e-mail

/login/verify

Tela após enviar o magic link.

Passo a passo
  1. Depois de pedir o link, você cai em /login/verify.
  2. Abra o e-mail e clique no link (válido por poucos minutos).
  3. O callback autentica e redireciona ao dashboard.

Grafo compartilhado

Grafo compartilhado

Visualizador de grafo

/graph-viewer

Cola ou envia um JSON exportado — sem login.

Passo a passo
  1. Abra /graph-viewer (público).
  2. Cole o JSON do grafo (nodes + edges) ou carregue um arquivo.
  3. Clique em Renderizar para ver a constelação.
Grafo compartilhado

Grafo renderizado

/graph-viewer

Constelação a partir do JSON colado.

Passo a passo
  1. Cole um JSON com nodes e edges no campo.
  2. Clique em Renderizar.
  3. Explore nós e conexões no canvas (sem conta).

App

21

Produto autenticado: memórias, grafo, ask, times e configurações. Abra uma tela para ver o print.

Dashboard

Dashboard

Dashboard

/dashboard

Página inicial autenticada.

Passo a passo
  1. Faça login (magic link). Você cai em /dashboard.
  2. Veja o resumo da org ativa e atalhos para memórias, grafo e ask.
  3. Troque de org pelo seletor, se tiver mais de um tenant.

Memórias

Memórias

Memórias

/memories

Lista agrupada por tipo, busca e filtro de projeto.

Passo a passo
  1. No rail, clique em Memórias.
  2. Filtre por tipo (dots) ou projeto (campo livre).
  3. Abra uma linha para o detalhe, ou Nova memória.
Memórias

Memórias · Busca

/memories

Busca semântica com query ativa.

Passo a passo
  1. Em Memórias, foque o campo de busca.
  2. Digite a pergunta e pressione Enter.
  3. Os resultados vêm da API (/memories/search) com tipo e projeto.
Memórias

Memórias · Nova

/memories

Dialog para criar memória.

Passo a passo
  1. Clique em Nova memória.
  2. Preencha título, conteúdo, tipo, tags (proj:id) e visibilidade.
  3. Salve — a linha aparece na lista.
Memórias

Vizinhança semântica

/memories/graph?project=hero-mcp

Grafo de memórias parecidas no projeto.

Passo a passo
  1. Em Memórias, abra o atalho do grafo de memórias.
  2. Escolha o projeto se o seletor estiver vazio.
  3. Clique num nó para o detalhe; exporte .md se precisar.
Memórias

Detalhe da memória

/memories/01J9Q8ZK7RENW6X2Y3A4B5C6D7

Conteúdo, tags, tipo e ações (editar / esquecer).

Passo a passo
  1. Na lista, clique numa memória.
  2. Leia o conteúdo e as tags (proj:…).
  3. Edite, esqueça ou restaure conforme a permissão.

Grafo

Grafo

Grafo de conhecimento

/graph?project=hero-mcp

Constelação de arquivos, serviços e tour guiado.

Passo a passo
  1. No rail, clique em Grafo e selecione o projeto.
  2. Alterne estrutura / domínios; avance o tour se houver.
  3. Clique num nó para o painel de detalhe (bottom sheet no mobile).

Mapa

Mapa

Mapa do projeto

/map?project=hero-mcp

Nós de plano, mudança, decisão e marco.

Passo a passo
  1. No rail, clique em Mapa e escolha o projeto.
  2. Leia o fluxo (next / implements) e o status de cada nó.
  3. Exporte .md ou .drawio se for documentar um PR.

Ask

Ask

Ask

/ask?project=hero-mcp

Pergunta grounded em memórias + código.

Passo a passo
  1. Abra Ask no rail e selecione o projeto (e o modelo, se quiser).
  2. Escreva a pergunta e clique em Perguntar.
  3. Leia a resposta e as citações (memória e trechos de código).
Ask

Ask · Resposta

/ask?project=hero-mcp

Resposta com citações e uso de tokens.

Passo a passo
  1. Preencha a pergunta no campo.
  2. Clique em Perguntar.
  3. Confira citações, mapa usado e tokens no rodapé da resposta.

Código

Código

Índice de código

/code?project=hero-mcp

Status do ingest (arquivos, chunks, commit).

Passo a passo
  1. Abra Código no rail e escolha o projeto.
  2. Veja status, arquivos e último commit.
  3. Siga o fluxo de workflow (GitHub Action) em Configurações se estiver vazio.
Código

Código · Atualizar

/code?project=hero-mcp

Reconsulta o status do índice.

Passo a passo
  1. Na tela de código, clique em Atualizar.
  2. Aguarde o status (ready / pending).

Uso e analytics

Uso e analytics

Uso

/usage

Tokens, cache e perguntas recentes paginadas.

Passo a passo
  1. Abra Uso no rail.
  2. Leia o resumo (asks, cache, custo) e o histórico recente.
  3. Troque linhas por página na tabela; o lote seguinte vem do backend sob demanda.
Uso e analytics

Analytics

/analytics

Top usadas, órfãs e totais.

Passo a passo
  1. Abra Analytics no rail.
  2. Veja as memórias mais acessadas e as órfãs (sem uso).
  3. Use a paginação das tabelas se a lista for longa.

Relatórios

Relatórios

Relatórios

/reports

Histórico de relatórios executivos.

Passo a passo
  1. Abra Relatórios no rail.
  2. Gere um relatório por projeto/período (planos pagos).
  3. Abra um item ready para o HTML.
Relatórios

Relatório HTML

/reports/rep_demo_0001/view

Artefato executivo gerado.

Passo a passo
  1. Na lista, abra um relatório com status Pronto.
  2. Leia métricas, destaques e tags.
  3. Exporte ou compartilhe o HTML se precisar.

Docs

Docs

Documentação gerada

/docs

Markdown + Mermaid a partir do código indexado.

Passo a passo
  1. Abra Docs no rail (planos Pro/Team).
  2. Selecione o projeto; o histórico lista versões ready.
  3. Leia o markdown (diagramas Mermaid) e exporte .md / .drawio.

Times

Times

Times

/teams

Times da org e papéis.

Passo a passo
  1. Abra Times no rail.
  2. Crie um time ou abra um existente.
  3. Convites usam o e-mail do convidado (lista cross-org).
Times

Time · Detalhe

/teams/team_demo

Membros e convites pendentes.

Passo a passo
  1. Na lista, abra um time.
  2. Veja membros (owner/member) e convites.
  3. Convide pelo e-mail; o convidado aceita pelo link.

Configurações

Configurações

Configurações

/settings

Token MCP, agente, conta e automação.

Passo a passo
  1. Abra Configurações no rail.
  2. Em Conexão, emita um token e cole na IDE (passos numerados).
  3. Em Conta, billing e perfil; em Automação, OAuth, índice e webhook.

Ajuda

Ajuda

Ajuda

/help

Guia de uso do produto.

Passo a passo
  1. Abra Ajuda no rail.
  2. Siga os tópicos (MCP, índice, mapa).
  3. Volte a Configurações se precisar do token.

Mobile · Público

2

Prints 390×844 ficam dentro de cada tela acima — abra o item para ver o par desktop/mobile.

Ver Público

Mobile · App

6

Prints 390×844 ficam dentro de cada tela acima — abra o item para ver o par desktop/mobile.

Ver App

Tour em vídeo

Gravações geradas automaticamente numa captura futura.