Slide 1

Slide 1 text

VS Code Dev Days Buenos Aires 11 Septiembre 2025 UAI

Slide 2

Slide 2 text

VS Code Dev Days VibeCoding – Generar Software de Calidad EssentialTechniquesforGitHub Copilotin VS Code Lautaro Carro Microsoft MVP – AI Researcher

Slide 3

Slide 3 text

Agenda Presentando a GitHub Copilot MCP Tools Personalizando GH Copilot Problemas del VibeCoding Desarrollo Basado en Especificaciones

Slide 4

Slide 4 text

Presentando a GitHub Copilot

Slide 5

Slide 5 text

Demo Presentando a GitHub Copilot

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

Model Context Protocol

Slide 8

Slide 8 text

Surge la necesidad de MCP GPT 3.5 No-Tools GPT 4 Function Calling Claude 2.1 Use Tools Gemini 1.5 Function Calling MCP

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

Otros MCP que podemos usar mercadopago.com.ar /developers/es/docs/ mcp-server/overview https://learn.microsoft.com/ api/mcp Microsoft Learn GitHub https://api.githubcopilo t.com/mcp Postgresql https://github.co m/HenkDz/postg resql-mcp-server MCP

Slide 11

Slide 11 text

• Creado por Anthropic, la empresa detrás de Claude • Es un protocolo abierto para que los modelos de IA interactúen con fuentes externas de información y herramientas. • Facilita la interoperabilidad entre distintos modelos, clientes y proveedores de servicios. • Hace más confiable a la IA: porque obtiene datos verificados de las fuentes correctas Model Context Protocol: Resumen MCP

Slide 12

Slide 12 text

Demo Model Context Protocol MCP

Slide 13

Slide 13 text

Personalizando GH Copilot

Slide 14

Slide 14 text

Instrucciones Personalizadas Un único archivo .github/copilot-instructions.md: • Se aplica automáticamente a todas las solicitudes de chat en el espacio de trabajo • Almacenado en el espacio de trabajo Personalización

Slide 15

Slide 15 text

Instrucciones Personalizadas Uno o más archivos .instructions.md • Creado para tareas o archivos específicos • Se puede configurar a qué archivos se deben aplicar las instrucciones • Almacenado en el espacio de trabajo o en el perfil de usuario Personalización

Slide 16

Slide 16 text

.github/copilot-instructions.md

Slide 17

Slide 17 text

.github/guíaCodificación.instructions.md

Slide 18

Slide 18 text

Prompts Reutilizables Uno o más archivos .github/prompts/[nombre].prompt.md • Se puede configurar para el espacio de trabajo o para el perfil del usuario • Tiene diversas configuraciones como modo de chat, modelo, tools y variables • Se puede sincronizar entre varios VSCode • Usos comunes: generar código, realizar revisiones de código o crear componentes del proyecto

Slide 19

Slide 19 text

.github/prompts/nuevoComponente.prompt.md

Slide 20

Slide 20 text

Modos de Chat Personalizados Uno o más archivos .github/chatmodes/[nombre].chatmode.md • Por defecto, existen los 3 modos de Ask, Edit y Agent. • Podemos crear nuestros propios modos de chat para mejorar nuestra experiencia. • Tanto para el área de trabajo como para el perfil de usuario.

Slide 21

Slide 21 text

.github/chatmodes/plan.chatmode.md

Slide 22

Slide 22 text

• Podemos mejorar nuestra experiencia como usuarios y la experiencia nuestros equipos de trabajo • Podemos crear “perfiles” para nuestras distintas actividades • Con estas características, podemos crear asistentes AI como: backend developer, frontend developer, fitness coach Personalizando GH Copilot: Resumen Personalización

Slide 23

Slide 23 text

Personalizando GH Copilot: Resumen Caso de uso Enfoque Estándares de codificación del proyecto Instrucciones personalizadas Reglas específicas de lenguaje o framework Instrucciones personalizadas con patrones glob Tareas de desarrollo reutilizables Archivos de prompt Usar chat en modo de planificación o investigación Modos de chat personalizados Definir flujos de actividades especializadas Modos de chat personalizados Razonamiento y análisis complejos Modelos de lenguaje Traer tu propio modelo Modelos de lenguaje Integrar servicios externos MCP y herramientas https://github.com/github/awesome-copilot

Slide 24

Slide 24 text

Problemas del VibeCoding

Slide 25

Slide 25 text

GitHub Spec Kit Cree software de alta calidad más rápido.

Slide 26

Slide 26 text

https://github.com/github/spec-kit

Slide 27

Slide 27 text

• Durante décadas, las especificaciones se hacen al principio y luego suelen descartarse una vez que el “trabajo real” (programar) empieza. • Ahora las especificaciones se vuelven ejecutables. • Con GH Copilot, estas especificaciones generan directamente código en lugar de solo ser una guia. Desarrollo basado en Especificaciones Spec Kit

Slide 28

Slide 28 text

• Usar el siguiente para inicializar el proyecto Paso 1: Instalar uvx --from git+https://github.com/github/spec-kit.git specify init Spec Kit

Slide 29

Slide 29 text

• Usar el comando /specify para describir que se quiere construir • Centrarse en el Qué y Por que en vez del stack tecnológico Paso 2: Crea la especificación Spec Kit

Slide 30

Slide 30 text

• Usar el comando /plan para indicar el stack tencológico, arquitectura, todos los detalles técnicos. Paso 3: Plan de Implementación Técnica Spec Kit

Slide 31

Slide 31 text

• Usar el comando /task para generar una lista de tareas. • Indicar al agente “implementar” para que lleve a cabo todo el desarrollo. Paso 4: Descomponer e Implementar Spec Kit

Slide 32

Slide 32 text

Demo GitHub Spec Kit Spec Kit

Slide 33

Slide 33 text

Los devs dedican solo una pequeña parte de su tiempo a escribir nuevo código. Migrating Design Research Documentation Architecture Testing Refactoring Planning Bug fixing Coding 14% Deploying

Slide 34

Slide 34 text

GitHub Copilot puede ayudarte con todo. Migrating Design Research Documentation Architecture Testing Refactoring Planning Bug fixing Coding Deploying

Slide 35

Slide 35 text

Conclusiones Conclusiones No hay problema con usar la AI, solo hay que usarla de la forma correcta Crear proyectos con AI no te dará experiencia como desarrollador de software Para lograr ahorrar tiempo, la clave está en las integraciones con plataformas externas

Slide 36

Slide 36 text

Thank you! Lautaro Carro Microsoft MVP – AI Researcher