Pular para o conteúdo
Skillpedia
Documentação40 mil · #5053

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

https://github.com/github/awesome-copilot/blob/main/skills/code-tour/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/github/awesome-copilot/blob/main/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 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-tour

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/github/awesome-copilot/main/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

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 de nextTour e 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

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas