โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ โ
โ โโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโ โโโโโโโ โ
โ โโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโ โ
โ โโโ โโโโโโโโโโ โโโ โโโ โโโโโโโโโ โโโโโโ โโโโ โ
โ โโโ โโโโโโโโโ โโโ โโโ โโโโโโโโโโโโโโโโ โโโ โ
โ โโโโโโโโโโโโโโโโโ โโโ โโโ โโโโโโ โโโโโโโโโโโโโโโ โ
โ โโโโโโโ โโโโโโโโ โโโ โโโ โโโโโโ โโโโโ โโโโโโโ โ
โ โ
โ โโโโโโโโโโโโโโโโโ โโโโโโ โโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโ โ
โ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โ
โ โโโโโโโโ โโโ โโโโโโโโโโโโโโโโ โโโ โโโโโโ โโโ โโโ โ
โ โโโโโโโโ โโโ โโโโโโโโโโโโโโโโ โโโ โโโโโโ โโโ โโโ โ
โ โโโโโโโโ โโโ โโโ โโโโโโ โโโ โโโ โโโโโโโโโโโโโโโโ โ
โ โโโโโโโโ โโโ โโโ โโโโโโ โโโ โโโ โโโโโโโโโโโโโโโ โ
โ โ
โ ๐น๏ธ WITH SQUAD ๐น๏ธ โ
โ โโโโโโโโโโโโโโโโโ โ
โ Your First Multi-Agent Dev Team โ
โ โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
Welcome to the future of collaborative AI development!
Where agents work together like a synthwave dream team โจ
Welcome to SQUAD โ the ultimate multi-agent development experience! ๐
In this lab, you'll learn how to orchestrate a team of specialized AI agents that work together to build, improve, and ship code. Forget solo coding sessions โ you're about to experience what it's like to have a full development team at your fingertips!
You'll work with the TaskFlow API โ a simple task management API that SQUAD will help you transform from a basic starter into a production-ready powerhouse. Think of it as your canvas, and SQUAD as your artistic collective. ๐จ
๐ฏ Mission Objective: Master the art of multi-agent orchestration by letting SQUAD transform a basic API into something awesome!
By the end of this lab, you'll be a certified SQUAD Commander with knowledge of:
- ๐ง The Brain โ Strategic planning and task breakdown (your architect)
- ๐๏ธ The Hands โ Code implementation and feature building (your developer)
- ๐๏ธ The Eyes โ Code review and quality assurance (your senior reviewer)
- ๐ข The Mouth โ Documentation and communication (your tech writer)
- ๐ญ Ralph โ The wildcard agent for specialized tasks (your specialist)
Plus, you'll master:
- โ๏ธ Setting up
.squad/configuration from scratch - ๐ Running strategic planning sessions
- ๐ The full SQUAD dev cycle: plan โ implement โ review โ document โ ship
- ๐ฌ Inter-agent communication patterns and workflows
- ๐ช Coordinating multiple agents to build features collaboratively
PLAYER ONE, INSERT YOUR SETUP:
Before you begin your journey, make sure you have these power-ups equipped:
โ
GitHub Account with Copilot access (your ticket to the game)
โ
Node.js 20+ installed (Download here)
โ
Git CLI installed (Download here)
โ
VS Code with GitHub Copilot extension (Get it here)
โ
Copilot CLI installed (Install guide)
Pro Tip: ๐ก Run gh copilot --version to verify your Copilot CLI is ready to roll!
LOADING GAME... โโโโโโโโโโโโโโโโโโโโ 95%
git clone https://github.com/EmeaAppGbb/appmodlab-getting-started-with-squad.git
cd appmodlab-getting-started-with-squadnpm installnpm start๐ SERVER ONLINE! The API should now be running at http://localhost:3000
GET all tasks:
curl http://localhost:3000/tasksPOST a new task:
curl -X POST http://localhost:3000/tasks \
-H "Content-Type: application/json" \
-d '{"title":"Test SQUAD","description":"Learn multi-agent development","priority":"high"}'PUT (update) a task:
curl -X PUT http://localhost:3000/tasks/1 \
-H "Content-Type: application/json" \
-d '{"title":"Updated Task","completed":true}'DELETE a task:
curl -X DELETE http://localhost:3000/tasks/1๐ GREEN LIGHTS? You're ready to level up! ๐ฎ
appmodlab-getting-started-with-squad/
โ
โโโ ๐ src/
โ โโโ server.js # Express server setup
โ โโโ routes/ # API route handlers
โ โโโ models/ # Data models (in-memory for now)
โ
โโโ ๐ .squad/ # SQUAD configuration (you'll create this!)
โ โโโ brain.md # Planning agent config
โ โโโ hands.md # Implementation agent config
โ โโโ eyes.md # Review agent config
โ โโโ mouth.md # Documentation agent config
โ โโโ ralph.md # Specialist agent config
โ
โโโ ๐ package.json # Project dependencies
โโโ ๐ .gitignore
โโโ ๐ README.md # You are here! ๐
GAME START! ๐ฎ
You've already done this in Quick Start! Check your health bar:
curl http://localhost:3000/tasksAchievement Unlocked: ๐ API Explorer
Time to assemble your team! Open your Copilot CLI and summon SQUAD:
# Start a Copilot session
copilotOnce inside the Copilot CLI, ask it to help you set up SQUAD:
@Squad Initialize SQUAD for this project with a focus on improving the TaskFlow API
This will create the .squad/ directory with configuration files for each agent.
What just happened? ๐ค
You just assembled a team of specialized agents, each with their own expertise!
Achievement Unlocked: ๐ Squad Leader
Let's meet your team! Each agent has a specific role:
- Role: Strategic planner and architect
- Mission: Analyze the codebase, identify improvements, create task backlog
- Personality: Thoughtful, strategic, sees the big picture
- Role: Implementation specialist
- Mission: Write code, implement features, fix bugs
- Personality: Action-oriented, detail-focused, gets things done
- Role: Code reviewer and quality guardian
- Mission: Review PRs, catch bugs, ensure best practices
- Personality: Critical thinker, quality-obsessed, thorough
- Role: Documentation specialist
- Mission: Write docs, update README, create API documentation
- Personality: Clear communicator, user-focused, accessible
- Role: Wildcard specialist
- Mission: Handle specialized tasks (testing, DevOps, security)
- Personality: Jack-of-all-trades, adaptable, problem-solver
Pro Tip: ๐ก Each agent's .md file contains their system prompt, capabilities, and constraints. Customize them to fit your project!
Achievement Unlocked: ๐ Team Manager
Time to put The Brain to work! Ask the Brain to analyze the TaskFlow API and create an improvement backlog:
In Copilot CLI:
@Brain Analyze the TaskFlow API and create a prioritized backlog of improvements we should make to transform this into a production-ready API
The Brain will:
- ๐ Audit the current codebase
- ๐ฏ Identify gaps and opportunities
- ๐ Create a prioritized task list
- ๐ฎ Suggest an implementation order
Expected Output: A detailed markdown file with 8-10 improvement tasks, such as:
- โ Input validation for API endpoints
- ๐ Authentication & authorization
- ๐ Error handling middleware
- ๐ Request logging
- โ Unit tests
- ๐ CI/CD pipeline
- ๐ OpenAPI/Swagger documentation
- ๐ Search and filtering
Achievement Unlocked: ๐ Strategic Vision
Time to bring in The Hands! Let's implement input validation:
@Hands Implement input validation for the POST /tasks endpoint. Ensure title is required, description is optional, and priority is one of: low, medium, high
The Hands will:
- โ๏ธ Write validation middleware
- ๐ง Update the route handler
- ๐งช Add validation logic
- โ Test the implementation
Watch the magic happen! The Hands will create or modify files, add validation logic, and ensure requests are properly validated.
Test it:
# Should fail (no title)
curl -X POST http://localhost:3000/tasks \
-H "Content-Type: application/json" \
-d '{"description":"Missing title"}'
# Should succeed
curl -X POST http://localhost:3000/tasks \
-H "Content-Type: application/json" \
-d '{"title":"Valid Task","priority":"high"}'LEVEL UP! ๐ฎ You just implemented your first feature with SQUAD!
Achievement Unlocked: ๐ Feature Shipper
Never merge without a review! Bring in The Eyes:
@Eyes Review the input validation implementation. Check for edge cases, security issues, and best practices
The Eyes will:
- ๐ Analyze the code changes
- ๐จ Flag potential issues
- โ Suggest improvements
- ๐ Provide a review summary
The Eyes might catch:
- Missing edge cases (empty strings, null values)
- Security concerns (injection attacks)
- Performance issues
- Code style inconsistencies
Fix any issues The Eyes identifies before moving on!
Achievement Unlocked: ๐ Quality Champion
Time for The Mouth to shine! Let's document our new validation:
@Mouth Update the README with information about the new input validation, including request/response examples and error codes
The Mouth will:
- ๐ Write clear, user-friendly documentation
- ๐ฏ Add usage examples
- ๐ Document error responses
- โจ Update the API reference
Documentation is love! ๐ Your future self (and teammates) will thank you.
Achievement Unlocked: ๐ Documentation Hero
COMBO CHAIN ACTIVATED! โก
Now that you've mastered the SQUAD cycle, repeat for more features:
Task 2: Error Handling Middleware
@Brain What's next on our backlog?
@Hands Implement global error handling middleware
@Eyes Review the error handling implementation
@Mouth Document the error response format
Task 3: Authentication
@Hands Add JWT authentication to protected routes
@Eyes Security review of the auth implementation
@Mouth Update API docs with authentication guide
Task 4: Unit Tests
@Ralph Create a comprehensive test suite using Jest
@Eyes Review test coverage and quality
@Mouth Add testing documentation to README
Keep the momentum going! ๐ Complete 2-3 more features from your backlog.
Achievement Unlocked: ๐ SQUAD Master
Time to reflect! Ask The Brain for a project summary:
@Brain Provide a retrospective of what we built, how SQUAD contributed, and recommendations for next steps
Celebrate your wins! ๐ You've transformed a basic API into something production-ready with your SQUAD team!
By the end of this lab, your TaskFlow API will include:
โ
Input Validation โ Never trust user input again!
โ
Error Handling โ Graceful failures with meaningful messages
โ
Authentication โ JWT-based auth for protected routes
โ
Request Logging โ Track every request for debugging
โ
Unit Tests โ Confidence with every deployment
โ
CI/CD Pipeline โ Automated testing and deployment
โ
API Documentation โ OpenAPI/Swagger for easy integration
โ
Search & Filters โ Find tasks by priority, status, etc.
MAXIMUM POWER! โก Your API is now production-ready!
TOTAL PLAYTIME: 2-3 hours
Speedrun Mode: 90 minutes (if you're experienced)
Casual Mode: 3-4 hours (take your time, explore!)
No continues needed! ๐ฎ Save points are automatic with git commits.
POWER-UP LOCATIONS:
- ๐ SQUAD Documentation โ Your strategy guide
- ๐ค GitHub Copilot CLI โ Your command center
- ๐ฏ Multi-Agent Patterns โ Advanced tactics
- ๐ก Copilot Best Practices โ Pro tips
- ๐ง Express.js Documentation โ API framework guide
FOR THE BRAVE WARRIORS:
Once you've completed the main quest, try these EXTRA HARD challenges:
Replace in-memory storage with PostgreSQL or MongoDB. Can SQUAD help you migrate?
Add WebSocket support for real-time task updates. Which agent would handle this?
Add organization/team support with data isolation. Security review required!
Add caching, pagination, and rate limiting. Let Ralph handle the DevOps!
Deploy to Azure, AWS, or your preferred cloud. Automate everything!
LEGENDARY STATUS AWAITS! ๐
AVOID THESE TRAPS:
โ Not committing regularly โ Save your progress! Git is your savepoint system
โ Ignoring The Eyes' feedback โ Code reviews exist for a reason
โ Skipping documentation โ Future you will rage quit
โ Not testing changes โ YOLO deploys = game over
โ Merging without review โ Two pairs of eyes > one
Remember: SQUAD works best when you follow the cycle! ๐
๐ฎ HIGH SCORE ACHIEVED! ๐ฎ
You've mastered the art of multi-agent development with SQUAD! You're now ready to:
- ๐ Build production apps with AI assistance
- ๐ฏ Orchestrate specialized agents for complex tasks
- ๐ช Scale your development workflow
- ๐ Ship faster with higher quality
THE FUTURE IS COLLABORATIVE! ๐ค
โโโ โโโ โโโโโ โโโ โโโ โโโ โโโ โโโ
โโโ โโโ โโโโโ โโโ โโโ โโโ โโโ โโโ
Made with ๐ by the GitHub App Innovation GBB Team
Now go build something awesome! ๐
[PRESS START TO PLAY AGAIN] ๐ฎ
- ๐ฌ Questions? Open an issue in this repo
- ๐ Found a bug? We welcome PRs!
- ๐ฏ Feedback? We'd love to hear from you
Remember: In the world of SQUAD, you're never coding alone! ๐ค
P.S. โ If you enjoyed this lab, give it a โญ star on GitHub! Your support means the world! ๐โจ