Todo App Workshop — DevOps skill for Claude Code
Full-stack Todo App Workshop — React 18 + Fastify + PostgreSQL + Docker with GitHub Issues integration, Copilot agents, skills, and orchestrator workflows.
How to install Todo App Workshop
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open paulasilvatech/todo-app-workshop and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Todo App Workshop does
Full-stack Todo App Workshop — React 18 + Fastify + PostgreSQL + Docker with GitHub Issues integration, Copilot agents, skills, and orchestrator workflows.
Alternatives in DevOps
- Supabase — Infrastructure Supabase database/auth integration 14k ★
- Claude Code GitHub Actions — by Anthropic - Official GitHub Actions integration for Claude Code with examples and documentation for automat 6.4k ★
- Azure Monitor Python — Azure Monitor integration for Python 1.8k ★
README
TodoApp Workshop — Agentic DevOps com GitHub Copilot
**Workshop prático** · **Nível**: Iniciante a Avançado · **Idioma**: Português do Brasil
Sobre o Workshop
Este é um **workshop hands-on de Agentic DevOps** — uma abordagem que usa **agentes de IA especializados** para automatizar o ciclo de vida de desenvolvimento de software (SDLC). Em vez de usar o GitHub Copilot como um assistente genérico, ensinamos a criar um **time de agentes AI** onde cada um tem uma função específica: um que implementa frontend, outro que cuida de banco de dados, outro que faz code review, e um orquestrador que coordena todos eles.
A Proposta
Construímos um **TodoApp completo** (task manager com Kanban board, integração GitHub Issues e Docker Compose) usando **exclusivamente** o GitHub Copilot em Agent Mode. O app em si não é o objetivo — ele é o **veículo prático** para demonstrar como:
- Criar Custom Agents (
.agent.md) — personas especializadas com ferramentas restritas - Criar Agent Skills (
SKILL.md) — conhecimento de domínio reutilizável com checklists e workflows - Criar Custom Instructions (
.instructions.md) — regras automáticas por tipo de arquivo - Criar Prompt Files (
.prompt.md) — prompts reutilizáveis para tarefas recorrentes - Orquestrar múltiplos agentes — um orchestrator que delega, valida handoffs e garante qualidade
- Integrar ferramentas externas via MCP — Figma, Azure, PostgreSQL, GitHub
O que Foi Construído
O resultado é um sistema com **7 agentes especializados**, **8 skills de domínio**, **4 instructions automáticas**, **3 prompts reutilizáveis**, e **31 diagramas educativos** — tudo documentado em pt-BR.
[](images/github-copilot-agents-flow-diagram-PT.jpeg)
O diagrama acima resume todo o ecossistema. Vamos detalhar cada seção:
**🔧 Caixa de Ferramentas** (canto superior esquerdo): Define **quando usa
Related Skills
Cloud Fullstack Skills
Claude Code plugin marketplace: Modal (serverless Python/GPUs) + TanStack Start (full-stack React with Cloudfl
Agentic AI Engineer Framework
🧠 Full-stack Agentic AI toolkit — ZIP Repo Analyzer, ReAct agents, multi-agent pipelines, Azure AI-102 servic
Vinext Agents Example
Demonstrate how to build a Next.js app with AI chat agents using Cloudflare Workers, Durable Objects, and the
Hatch3r Board Fill
Create epics and issues/work items from todo.md, reorganize the board with dependency analysis, readiness asse
Backstage Setup
Install, configure, and deploy Backstage — from npx create-app to production with GitHub integration, TechDocs
Docker Compose
Generate a Docker Compose file with full ACS stack.
Related Agents
Claude Code Agentic RAG Series
Planning docs and PRDs for the Claude Code Agentic RAG Masterclass video series. Build a full-stack AI app wit
Docker Log Analyser
MUST BE USED PROACTIVELY for any Docker or container log analysis. Extracts only error lines, never dumps full
Frontend Builder
Full-stack frontend engineer. Builds React/Vite/Tailwind sites from design briefs. Has full code editing acces