Mona Mayhem Challenge 3: The Context Crafter

Master Context Engineering by teaching Copilot a specific “Design System” or “Game Lore” using custom instructions. You’ll create a .github/copilot-instructions.md file to ensure every new battle arena component Copilot generates follows a specific retro-neon or cyberpunk aesthetic.

Check out the Mona Mayhem Workshop Doc before you dive in.

Use the instructions below or find your own solution!

(Optional) How to get started:

• Create a .github/copilot-instructions.md file in your repository.
• Add specific rules about the UI (e.g., “Always use CSS grid,” “Use #FF00FF for primary buttons,” or “Add retro-arcade sound effect comments”).
• Ask Copilot to generate a new “Game Over” screen and observe how it respects your custom workspace context.
• Share a screenshot of the generated UI vs. your instructions to show how well Copilot followed your “Context.”