Real World Development with GitHub Copilot and VS Code — Harald Kirschner, Christopher Harrison Introduction & Overview 00:01
The talk focuses on "VIP" coding at scale, prioritizing output over code details.
Emphasizes embracing exponential advances, building trust in AI, and adding guardrails rather than reviewing every code line.
Discusses the evolution of coding workflows with AI, referencing trends like increasingly autonomous agents generating code.
The Evolution of VIP Coding: Yolo, Structured, Spectrum 01:16
Outlines three stages: "Yolo Vibes" (rapid prototyping, creativity), "Structured Vibes" (balance, maintainability), and "Spectrum Vibes" (best practices for scale and reliability).
"Yolo Vibe" coding emphasizes speed and creativity, suitable for prototyping, learning, and personal projects.
Larger companies use "vibe" coding to help non-technical people communicate ideas and quickly create mockups.
"Structured Vibes" focus on code maintainability, readability, and handover quality.
"Spectrum Vibes" incorporate emerging best practices for scaling with reliability and speed.
Practical Walkthrough: YOLO VIP Coding in VS Code 05:10
Demonstrates starting YOLO VIP coding with GitHub Copilot and VS Code, using a new workspace in agent mode.
Suggests disabling the scaffold workspace tool for purer HTML prototyping, but notes current challenges in disabling it.
Emphasizes choosing popular, stable frontend stacks (e.g., React with Vite, Material or Fluent design) to maximize AI's effectiveness.
Shows how to prompt AI for attractive, accessible UI, leveraging design principles (Apple, Material Design).
Guides through setting "auto approve" to let AI proceed without user intervention, increasing coding speed and flow.
Illustrates that AI can generate a hydration tracking app with minimal user input, focusing on high-level requirements.
Modes, Settings, and Output Management 15:02
Explains workspace vs. user-level auto-approve settings.
Shows handling multiple coding sessions with differing settings, and the benefits of letting AI try various approaches.
Highlights Copilot’s ability to interpret minimal design instructions and generate features (e.g., metrics in metric units, visually appealing elements).
Discusses the "work visually" feature: selecting an element in browser preview and prompting changes (like adding particle effects) without needing to reference code directly.
Demonstrates easy undo through checkpoints for reverting AI-generated changes.
YOLO Toolbox & AI as a Design Partner 26:04
Describes features supporting YOLO coding: agent mode, flexible panel/chat layout, multi-window and chat management.
Introduces voice dictation for prompt inputs, supporting quick and accessible interaction with Copilot.
Notes the value of high-level prompting to test AI’s design strength and using known technologies for more reliable outputs.
Recommends using the workflow for ideation, experimentation, and not becoming too attached to early results.
Structured VIP Coding: Guardrails & Collaboration 32:12
"Structured VIP" stage balances creativity with reproducibility, embedding guardrails for consistency and maintainability.
Companies leverage starter templates with clear instructions and constraints to align AI activity with organizational standards.
Workspace instructions can enforce specific stacks, design systems, and best practices, ensuring consistent outcomes across teams.
Practical Demo: Structured Coding, Instructions & Prompts 34:03
Shows using Copilot to write commit messages and push code to GitHub.
Discusses using GitHub Codespaces and devcontainers for reproducible development environments.
Stresses the value of a "copilot-instructions.mmd" markdown file for context-aware AI guidance (stack info, conventions, tool preferences).
Mentions new dynamic instructions: instructions can be scoped to file types, with glob patterns, though some limitations exist.
Introduces workspace/user-level and reusable team prompts for tasks like writing tests.
Demonstrates creating and sharing prompts for consistent team workflows.
Custom Modes & Advanced Prompts 43:40
Describes new ability (in Insiders) to create custom chat modes (e.g., a TDD mode) that influence AI behavior for the session/project.
Custom modes can be configured at user or project level and fine-tuned for tasks and tool use.
Demonstrates building a TDD mode: prompt AI to generate failing tests first, confirm completion, then implement features.
Highlights need for explicit tool configuration within prompts and plans for higher quality/consistency.
Tooling, MCP Servers, and Integrations 55:18
Explains adding, configuring, and managing MCP (Multi-Command Protocol) servers to augment the AI with custom tools for research, browser automation, database access, etc.
Shows tool configuration via JSON or install dialogs, including secure handling of API tokens with encrypted storage.
Discusses server types, protocols (SSE, HTTP), and caching of available tools.
Notes the need to be in agent mode (not ask mode) for full tool utilization.
Users can manage multiple AI models (e.g., local, third-party, custom-API) through a model picker.
Best Practices & Troubleshooting 65:08
Recommends minimizing tool clutter for deterministic results in custom modes (e.g., restrict a research prompt to only use perplexity engine).
Users can add specific tools to context for precise control.
AI may not always use suggested tools; tool-calling is ultimately AI-mediated.
Spectrum Development & Takeaways 73:26
Outlines mature workflow: start with workspace and dynamic instructions, use custom tools and prompts, leverage planning/spec modes.
Shows integrating external resources (web docs, cross-repo search) for richer AI responses.
Stresses frequent commits, iterative feedback, and using pause/checkpoint features to maintain process control.
Encourages experimenting to find the best personal/team process involving modes, prompts, and instructions.
Highlights AI's potential as a critical design/thought partner (not just code-generation), prompting it to critique, question, and help plan projects.
Closing & Final Advice 78:16
Final advice: experiment, iterate, and find your optimal workflow.
Use structured, well-documented, and self-explaining code bases with clear, updated instructions for best AI performance.
Keep evolving team practices with custom modes, prompts, and clearly defined instructions to suit changing needs.