Files
2026-04-25 12:37:38 +03:00

84 lines
2.2 KiB
Markdown

<!-- l10n-sync: source-file="workshop/GUIDE.md" -->
# Bingo Mixer — VS Code GitHub Copilot Agent Lab
[← README](../../README.pt_BR.md)
---
- [ ] VS Code **v1.113+**
> **Guia de Referência Rápida** — Para instruções detalhadas, veja as partes individuais abaixo.
---
## 📚 Partes do Lab
| Parte | Título |
|-------|--------|
| [**00**](00-overview.md) | Visão Geral & Lista Rápida |
| [**01**](01-setup.md) | Configuração & Engenharia de Contexto |
| [**02**](02-design.md) | Frontend Design-First |
| [**03**](03-quiz-master.md) | Quiz Master Personalizado |
| [**04**](04-multi-agent.md) | Desenvolvimento Multi-Agente |
---
## ⚡ Lista Rápida
- [ ] VS Code **v1.113+**
- [ ] GitHub Copilot (Pro/Business/Enterprise)
- [ ] Git & Node 22+
- [ ] Painel de Chat aberto
---
## 🚀 Configuração Rápida
```
# 1. Crie um repo a partir do template: github.com/copilot-dev-days/agent-lab-typescript
# 2. Habilite Pages: Settings > Pages > GitHub Actions
# 3. Escolha uma opção: clone o repo no VS Code OU crie um Codespace a partir do seu repo
# Depois execute:
# /setup
```
---
## 📋 Resumo das Tarefas
### Parte 1: Engenharia de Contexto
- [ ] Executar o agente /setup
- [ ] Gerar instruções do workspace
- [ ] Testar o app com o navegador integrado
- [ ] Criar uma skill personalizada de dogfooding
- [ ] Explorar as customizações do repo
### Parte 2: Frontend Design-First
- [ ] Redesign completo da UI (Plan Mode)
- [ ] Atualizar copilot-instructions.md
- [ ] Testar o redesign
### Parte 3: Quiz Master
- [ ] Gerar tema personalizado de quiz
### Parte 4: Desenvolvimento Multi-Agente
- [ ] Agent hooks — portão de testes
- [ ] Padrão de bingo Four Corners (TDD)
- [ ] Agent Debug Logs
- [ ] Modo Card Deck Shuffle (Pixel Jam)
- [ ] Revisão de UX
---
## 💡 Dicas
1. Mantenha o navegador aberto para atualizações em tempo real
2. Faça commit do código funcional com frequência
3. Use checkpoints para reverter erros
4. Itere nos planos 2+ vezes antes de implementar
---
## 🔗 Recursos
- [VS Code YouTube](https://www.youtube.com/code)
- [Copilot Docs](https://code.visualstudio.com/docs/copilot/overview)
- [Awesome Copilot](https://github.com/github/awesome-copilot)