Pular para o conteúdo
Skillpedia
Documentação280 mil · #24

code-tour

Faz seu agente criar guias passo a passo no código, com locais exatos em arquivos e linhas. É útil para apresentar um projeto, explicar código ou revisar mudanças. Ajuda a entender como um sistema funciona.

O que ela faz

Cria arquivos de 'tour' para o CodeTour, que são guias passo a passo dentro do código. Esses guias mostram arquivos e linhas específicas para ajudar a entender partes do código.

Quando usar

  • ✓Quando alguém pede um guia para entender um código novo.
  • ✓Para explicar como uma funcionalidade específica funciona.
  • ✓Para guiar a revisão de um código que foi alterado (PR).

Exemplo do que pedir para a IA

“Crie um tour para explicar como funciona o sistema de autenticação para novos desenvolvedores.”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/affaan-m/ECC/blob/main/pi/core/skills/code-tour/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/affaan-m/ECC/blob/main/pi/core/skills/code-tour/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

A IA analisa o código e cria um arquivo especial (.tour) que o plugin CodeTour usa. Esse arquivo contém instruções para navegar pelo código, mostrando trechos importantes e explicando o que eles fazem.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add affaan-m/ECC --skill code-tour

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/affaan-m/ECC/main/pi/core/skills/code-tour/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Tour de Código

Crie arquivos CodeTour .tour para percorrer bases de código que abrem diretamente em arquivos e intervalos de linhas reais. Os tours residem em .tours/ e são destinados ao formato CodeTour, não a anotações Markdown ad hoc.

Um bom tour é uma narrativa para um leitor específico:

  • o que ele está vendo
  • por que isso importa
  • qual caminho ele deve seguir em seguida

Crie apenas arquivos JSON .tour. Não modifique o código-fonte como parte desta habilidade.

Quando Usar

Use esta habilidade quando:

  • o usuário pedir um tour de código, tour de onboarding, walkthrough de arquitetura ou tour de PR
  • o usuário disser "explique como X funciona" e quiser um artefato guiado reutilizável
  • o usuário quiser um caminho de aprendizado para um novo engenheiro ou revisor
  • a tarefa for melhor atendida por uma sequência guiada do que por um resumo plano

Exemplos:

  • onboarding de um novo mantenedor
  • tour de arquitetura para um serviço ou pacote
  • walkthrough de revisão de PR ancorado em arquivos alterados
  • tour de RCA mostrando o caminho da falha
  • tour de revisão de segurança de limites de confiança e verificações chave

Quando NÃO Usar

Em vez de code-tour Use
Uma explicação pontual no chat é suficiente responda diretamente
O usuário quer documentação em prosa, não um artefato .tour edição de documentation-lookup ou documentação do repositório
A tarefa é implementação ou refatoração faça o trabalho de implementação
A tarefa é um onboarding amplo da base de código sem um artefato de tour codebase-onboarding

Fluxo de Trabalho

1. Descobrir

Explore o repositório antes de escrever qualquer coisa:

  • README e pontos de entrada de pacotes/aplicativos
  • estrutura de pastas
  • arquivos de configuração relevantes
  • os arquivos alterados se o tour for focado em PR

Não comece a escrever etapas antes de entender a forma do código.

2. Inferir o leitor

Decida a persona e a profundidade com base na solicitação.

Formato da solicitação Persona Profundidade sugerida
"onboarding", "novo integrante" new-joiner 9-13 etapas
"tour rápido", "verificação geral" vibecoder 5-8 etapas
"arquitetura" architect 14-18 etapas
"tour deste PR" pr-reviewer 7-11 etapas
"por que isso quebrou" rca-investigator 7-11 etapas
"revisão de segurança" security-reviewer 7-11 etapas
"explique como esta funcionalidade funciona" feature-explainer 7-11 etapas
"depure este caminho" bug-fixer 7-11 etapas

3. Ler e verificar âncoras

Todo caminho de arquivo e âncora de linha deve ser real:

  • confirme se o arquivo existe
  • confirme se os números das linhas estão dentro do intervalo
  • se estiver usando uma seleção, verifique o bloco exato
  • se o arquivo for volátil, prefira uma âncora baseada em padrão

Nunca adivinhe números de linha.

4. Escrever o .tour

Escreva para:

.tours/<persona>-<focus>.tour

Mantenha o caminho determinístico e legível.

5. Validar

Antes de finalizar:

  • todo caminho referenciado existe
  • toda linha ou seleção é válida
  • a primeira etapa está ancorada em um arquivo ou diretório real
  • o ref aponta para um branch ou commit que realmente tem todos os arquivos que o tour referencia (veja abaixo)
  • o tour conta uma história coerente em vez de listar arquivos

O Campo ref

ref vincula o tour a um branch ou commit git. Isso é mais importante do que parece: quando ref não é o branch que o leitor tem em checkout, o CodeTour abre o arquivo de cada etapa dessa revisão no git, não dos arquivos no disco. Se um arquivo não estiver nessa revisão, a etapa não abrirá — o leitor verá "O editor não pôde ser aberto porque o arquivo não foi encontrado" mesmo que o arquivo esteja ali. O tour e seus comentários ainda aparecem, então a causa real é fácil de perder.

Escolha ref por tipo de tour:

Tipo de tour Defina ref para
Tour de PR o branch do PR — nunca o branch base
Onboarding / arquitetura o branch em que o leitor estará (geralmente main), ou deixe em branco
Não tem certeza deixe ref em branco, para que o CodeTour leia os arquivos diretamente do disco

O caso do PR é a armadilha comum: um PR geralmente adiciona novos arquivos, e novos arquivos ainda não existem no branch base. Apontar ref para a base (por exemplo, develop) e toda etapa em um novo arquivo falhará ao abrir.

Antes de finalizar, confirme se o arquivo de cada etapa realmente existe no ref que você escolheu.

Tipos de Etapa

Conteúdo

Use com moderação, geralmente apenas para uma etapa de encerramento:

{ "title": "Next Steps", "description": "You can now trace the request path end to end." }

Não faça da primeira etapa apenas conteúdo.

Diretório

Use para orientar o leitor em um módulo:

{ "directory": "src/services", "title": "Service Layer", "description": "The core orchestration logic lives here." }

Arquivo + linha

Este é o tipo de etapa padrão:

…

Perguntas frequentes

O que é um 'CodeTour'?

É um arquivo que contém um roteiro para explorar um código, com passos que levam a partes específicas do código e explicações.

Para que serve o 'ref'?

O campo 'ref' conecta o tour a uma versão específica do código (como um branch ou commit). Isso garante que o tour aponte para os arquivos corretos, mesmo que o código tenha mudado.

Posso usar isso para editar código?

Não, esta ferramenta serve apenas para criar guias de exploração do código, não para modificá-lo.

Detalhes

Descrição original do autor

Create CodeTour `.tour` files — persona-targeted, step-by-step walkthroughs with real file and line anchors. Use for onboarding tours, architecture walkthroughs, PR tours, RCA tours, and structured "explain how this works" requests. Use when the user asks for a code tour, onboarding walkthrough, PR tour, or an explanation of how a subsystem works.

repo: affaan-m/ECC

Popularidade

Estrelas no GitHub
280 mil
Posição no ranking
#24
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas