VS Code DevDays 2025 - Buenos Aires - NET Baires

https://restofmycloud.com/events/vs-code-devdays-2025-buenos-aires-net-baires

Transcript

1. VS Code Dev Days Buenos Aires 11 Septiembre 2025 UAI
2. VS Code Dev Days VibeCoding – Generar Software de Calidad EssentialTechniquesforGitHub Copilotin VS Code Lautaro Carro Microsoft MVP – AI Researcher
3. Agenda Presentando a GitHub Copilot MCP Tools Personalizando GH Copilot Problemas del VibeCoding Desarrollo Basado en Especificaciones
4. Presentando a GitHub Copilot
5. Demo Presentando a GitHub Copilot
7. Model Context Protocol
8. 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
10. 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
11. • 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
12. Demo Model Context Protocol MCP
13. Personalizando GH Copilot
14. 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
15. 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
16. .github/copilot-instructions.md
17. .github/guíaCodificación.instructions.md
18. 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
19. .github/prompts/nuevoComponente.prompt.md
20. 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.
21. .github/chatmodes/plan.chatmode.md
22. • 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
23. 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
24. Problemas del VibeCoding
25. GitHub Spec Kit Cree software de alta calidad más rápido.
26. https://github.com/github/spec-kit
27. • 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
28. • Usar el siguiente para inicializar el proyecto Paso 1: Instalar uvx --from git+https://github.com/github/spec-kit.git specify init <PROJECT_NAME> Spec Kit
29. • 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
30. • 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
31. • 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
32. Demo GitHub Spec Kit Spec Kit
33. 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
34. GitHub Copilot puede ayudarte con todo. Migrating Design Research Documentation Architecture Testing Refactoring Planning Bug fixing Coding Deploying
35. 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
36. Thank you! Lautaro Carro Microsoft MVP – AI Researcher