code-tour
Permite que seu agente crie guias passo a passo para entender códigos. É ótimo para integrar novos membros à equipe ou explicar partes complexas de um projeto.
O que ela faz
Cria um arquivo chamado 'CodeTour' que guia pessoas por um projeto de código. Ele mostra passo a passo onde olhar no código, com links diretos para arquivos e linhas específicas.
Quando usar
- ✓Para ensinar novos membros da equipe a usar um projeto.
- ✓Para explicar como uma parte específica do código funciona.
- ✓Para documentar a solução de um problema complexo.
Exemplo do que pedir para a IA
“Crie um tour para explicar como funciona o sistema de autenticação deste projeto para um novo desenvolvedor.”
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
Mensagem pronta para colar
Como funciona
A IA analisa o código e cria um arquivo especial (.tour) que contém instruções. Essas instruções incluem quais arquivos abrir e em quais linhas focar, guiando o usuário pela base de código.
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 github/awesome-copilot --skill code-tourOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/github/awesome-copilot/main/skills/code-tour/SKILL.md -o SKILL.mdConteú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
Você está criando um CodeTour — um tour passo a passo de um codebase, direcionado a uma persona, que se conecta diretamente a arquivos e números de linha. Arquivos CodeTour ficam em .tours/ e funcionam com a extensão VS Code CodeTour.
Dois scripts são incluídos em scripts/:
scripts/validate_tour.py— executado após escrever qualquer tour. Verifica a validade do JSON, a existência de arquivos/diretórios, números de linha dentro dos limites, correspondências de padrões, referências cruzadas denextToure o arco narrativo. Execute-o:python ~/.agents/skills/code-tour/scripts/validate_tour.py .tours/<name>.tour --repo-root .scripts/generate_from_docs.py— quando o usuário pede para gerar a partir do README/docs, execute este primeiro para extrair um esqueleto, depois preencha-o. Execute-o:python ~/.agents/skills/code-tour/scripts/generate_from_docs.py --persona new-joiner --output .tours/skeleton.tour
Dois arquivos de referência são incluídos:
references/codetour-schema.json— o esquema JSON autoritativo. Leia-o para verificar qualquer nome de campo ou tipo. Cada campo que você usar deve estar em conformidade com ele.references/examples.md— 8 tours CodeTour do mundo real de repositórios de produção com técnicas anotadas. Leia-o quando quiser ver como um recurso específico (commands,selection,view,pattern,isPrimary, série multi-tour) é usado na prática.
Arquivos de .tour do mundo real no GitHub
Estes são arquivos de .tour de produção confirmados. Busque um quando precisar de um exemplo funcional de um tipo de etapa específico, campo de nível de tour ou estrutura narrativa — não escreva de memória quando a coisa real estiver a um fetch de distância.
Encontre mais com a busca de código do GitHub: https://github.com/search?q=path%3A**%2F*.tour+&type=code
Por tipo de etapa / técnica demonstrada
| O que estudar | URL do Arquivo |
|---|---|
directory + file+line (onboarding de contribuidores) |
https://github.com/coder/code-server/blob/main/.tours/contributing.tour |
selection + file+line + etapa de conteúdo introdutório (projeto de acessibilidade) |
https://github.com/a11yproject/a11yproject.com/blob/main/.tours/code-tour.tour |
Tutorial mínimo — narração file+line concisa para aprendizado interativo |
https://github.com/lostintangent/rock-paper-scissors/blob/master/main.tour |
Repositório multi-tour com encadeamento de nextTour (tours guiados de OCI nativo da nuvem) |
https://github.com/lucasjellema/cloudnative-on-oci-2021/blob/main/.tours/introduction.tour |
isPrimary: true (marca o ponto de entrada do onboarding) |
https://github.com/nickvdyck/webbundlr/blob/main/.tours/getting-started.tour |
pattern em vez de line (etapas ancoradas por regex) |
https://github.com/nickvdyck/webbundlr/blob/main/.tours/architecture.tour |
Dica de conteúdo bruto: Prefixe raw.githubusercontent.com e remova /blob/ para acesso JSON bruto.
Um ótimo tour não é apenas arquivos anotados. É uma narrativa — uma história contada a uma pessoa específica sobre o que importa, por que importa e o que fazer a seguir. Seu objetivo é escrever o tour que a pessoa certa desejaria que existisse quando ela abriu este repositório pela primeira vez.
CRÍTICO: Crie apenas arquivos JSON de .tour. Nunca crie, modifique ou estruture quaisquer outros arquivos.
Etapa 1: Descubra o repositório
Antes de perguntar qualquer coisa ao usuário, explore o codebase:
- Liste o diretório raiz, leia o README e verifique os arquivos de configuração principais (package.json, pyproject.toml, go.mod, Cargo.toml, composer.json, etc.)
- Identifique a(s) linguagem(ns), framework(s) e o que o projeto faz
- Mapeie a estrutura de pastas 1-2 níveis de profundidade
- Encontre os pontos de entrada: arquivos principais, arquivos de índice, inicialização de aplicativos
- Observe quais arquivos realmente existem — cada caminho que você escrever no tour deve ser real
Se o repositório for esparso ou vazio, diga isso e trabalhe com o que existe.
Se o usuário disser "gerar a partir do README" ou "usar os docs": execute o gerador de esqueleto primeiro, depois preencha cada [TODO: ...] lendo os arquivos reais:
python skills/code-tour/scripts/generate_from_docs.py \
--persona new-joiner \
--output .tours/skeleton.tour
Pontos de entrada por linguagem/framework
Não leia tudo — comece aqui, depois siga as importações.
| Pilha | Pontos de entrada para ler primeiro |
|---|---|
| Node.js / TS | index.js/ts, server.js, app.js, src/main.ts, package.json (scripts) |
| Python | main.py, app.py, __main__.py, manage.py (Django), app/__init__.py (Flask/FastAPI) |
| Go | main.go, cmd/<name>/main.go, internal/ |
| Rust | src/main.rs, src/lib.rs, Cargo.toml |
…
Perguntas frequentes
O que é um 'CodeTour'?
É um guia passo a passo que aponta para partes específicas do código, ajudando as pessoas a entenderem um projeto ou funcionalidade.
Preciso instalar algo para usar?
Sim, você precisa da extensão CodeTour no VS Code para visualizar e interagir com os tours criados.
Posso criar tours para qualquer tipo de projeto?
Sim, desde que o projeto tenha código, você pode criar um tour para explicá-lo.
Detalhes
Descrição original do autor
Use this skill to create CodeTour .tour files — persona-targeted, step-by-step walkthroughs that link to real files and line numbers. Trigger for: "create a tour", "make a code tour", "generate a tour", "onboarding tour", "tour for this PR", "tour for this bug", "RCA tour", "architecture tour", "explain how X works", "vibe check", "PR review tour", "contributor guide", "help someone ramp up", or a
repo: github/awesome-copilot
Popularidade
- Estrelas no GitHub
- 40 mil
- Posição no ranking
- #5053
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
acquire-codebase-knowledge
Ajuda seu agente a entender e documentar um projeto de código existente. É útil para novas pessoas entrarem no projeto ou para ter uma visão geral da arquitetura.
github/awesome-copilot
acreadiness-assess
Faz seu agente avaliar a prontidão de um projeto para IA e gerar um relatório. É útil para entender o quão bem um projeto está preparado para usar ferramentas de IA.
github/awesome-copilot
acreadiness-generate-instructions
Ajuda seu agente a criar instruções para ferramentas de IA baseadas em uma avaliação. É útil para melhorar a forma como a IA interage com o código e fecha lacunas identificadas.
github/awesome-copilot
acreadiness-policy
Faz seu agente ajudar a definir ou aplicar políticas para avaliação de projetos de IA. É útil para padronizar a forma como os projetos são avaliados e garantir conformidade.
github/awesome-copilot
Skills parecidas
architecture-decision-records
Faz seu agente registrar decisões importantes sobre a estrutura do projeto. Ajuda a entender o porquê das escolhas feitas e a manter um histórico claro das mudanças.
affaan-m/ECC
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.
affaan-m/ECC
codebase-onboarding
Ajuda seu agente a analisar um código desconhecido e criar um guia de integração. Ele inclui um mapa da arquitetura, pontos de entrada e convenções. Ideal para quem está começando em um novo projeto.
affaan-m/ECC