// JavaScript

Chris builds a New Year countdown app from scratch using Vite, TypeScript, and Tailwind CSS, leveraging GitHub Copilot's Plan agent for iterative requirements and a custom UI Performance Specialist agent. The stream covers adding time zone support with a world map, a fireworks celebration theme using fireworks.js, and a test-driven development approach.

In this live stream, we explore building a 3D tic-tac-toe visualization using Three.js and Copilot coding agent, demo MCP elicitation for gathering game preferences, and discuss the importance of context engineering when working with AI tools. We also cover GitHub changelog highlights including path-scoped custom instructions for Copilot code review and agents.md support.

In this episode, we review the latest GitHub changelog including remote MCP server support for coding agent and Copilot code review on mobile. We use the Playwright MCP server with Copilot agent mode to debug and fix UI issues in the Octo Arcade project, discuss the differences between ask, edit, and agent modes in VS Code, and explore MCP server concepts like tools, prompts, and resources.

Chris live-codes a GitHub-themed brick breaker walkthrough using Copilot agent mode, demonstrating how prompt framing, context, and custom instructions shape AI-generated output.

Chris explores GitHub Models as an AI prototyping playground, demonstrates Copilot on the command line for learning Linux commands, and shows off a Cosmos DB-backed leaderboard for the OctoSnap game.

Chris introduces OctoSnap, a GitHub-themed memory card game built with Next.js, and dives deep into designing a scoring model with Copilot covering difficulty multipliers, time bonuses, and penalty mechanics.

Builds Conway's Game of Life end-to-end using GitHub Copilot Chat and Copilot Edits in Visual Studio Code, demonstrating a realistic iterative AI-assisted development workflow. The video covers model selection (including Claude Sonnet 3.5), prompt engineering best practices, refactoring from a single-file prototype to separate HTML, CSS, and JavaScript files using Copilot Edits, and enforcing team coding standards with a Copilot instructions file. It also shows inline chat slash commands (/doc, /explain), Copilot Extensions, README generation, and deploying to GitHub Pages via a GitHub Actions workflow.

Demonstrates GitHub Spark on mobile, building a podcast session timer app entirely through natural language prompts. The video covers iteratively adding timer controls (start, pause, reset), a reverse progress bar, a color-coded time-remaining indicator (green/amber/red), and AI-powered timer creation from a plain-language description—showcasing GitHub Spark's built-in LLM integration. It also demonstrates Spark's managed state storage and the share link for giving collaborators read or write access.

Demonstrates GitHub Spark, an AI-native micro-app platform from GitHub Next that lets anyone build, use, and share personalized apps through natural language—without writing code or managing deployments. The video creates a city travel log app that captures reviews with GPS coordinates, plots destinations on a map, generates AI city suggestions based on existing ratings, and uses the variant generator to explore alternate UI directions from an ambiguous prompt. It also covers the built-in theme editor, state management, and revision history for iterating on app design.

Demonstrates the o1-preview reasoning model integrated into GitHub Copilot Chat in Visual Studio Code, available to approved users via the chat model picker alongside GPT-4o and o1 mini. The video builds a JavaScript maze generator that supports keyboard navigation, BFS and DFS solving algorithms, and visual path rendering—using o1-preview's extended internal reasoning to satisfy complex multi-requirement prompts in fewer iterations than standard models.