Building Mobile Apps with GitHub Copilot + MCP

This hands-on workshop walks participants through building a mobile application using GitHub Copilot and the GitHub Model Context Protocol (MCP). We’ll start with an overview of MCP and demonstrate GitHub’s MCP server in action. Then we’ll build a real mobile app, powered by AI and GitHub metadata. Participants will learn how to draft a Product Requirements Document (PRD) with GitHub Copilot, generate UI with Claude, and use Copilot Agent Mode to ship a personalized playlist experience. They will also learn how to get better results when building with AI tools by implementing prompt files and custom instructions.

Required Setup: - GitHub Account: Create free account at https://github.com if you don’t have one - GitHub Copilot access: - Free: 50 chats/month + 2000 completions at https://github.com/settings/copilot - Students: Free Copilot Pro with GitHub Student Developer Pack at https://education.github.com - Pro: $10/month for unlimited access at https://github.com/settings/copilot

Workshop Environment (Choose One): Option 1: GitHub Codespace (Recommended) - Click the workshop Codespace link (provided by instructor) - Wait 3-5 minutes for container to build (includes Flutter, extensions, and dependencies) - Everything pre-configured and ready to use

Option 2: Local Development (Alternative) - Flutter 3.7+: installed and working (flutter doctor passing) - Get it at https://flutter.dev/docs/get-started/install - VS Code: with Flutter extension OR IntelliJ IDEA/Android Studio with Flutter plugin - Device/emulator: ready for testing (iOS Simulator, Android Emulator, or Chrome browser)

Required API Accounts (Free Setup): - GitHub Personal Access Token: Create at https://github.com/settings/tokens with scopes: repo, user, read:org - Spotify Developer Account: Create free account and app at https://developer.spotify.com/dashboard - App name: “GitVision Workshop” - Redirect URI: gitvision://callback - Copy Client ID and Client Secret

Programming Knowledge Required: - Basic Dart/Flutter understanding (widgets, async/await, JSON parsing) - REST API concepts (HTTP requests, authentication, error handling) - AI development experience with prompt engineering and AI-assisted coding tools

Duration: 120 minutes Format: AI-assisted live coding in GitHub Codespaces Skill Level: Intermediate developers familiar with AI development tools