Fast AI, Fluid UI
Dos apps para la charla sobre UI generada por IA sin layout shifts ni latencia: performance, salidas estructuradas y WebMCP.
Usado en: DevFest Santo Domingo 2026
Actualizado:
Proyectos open source
Tengo más de 150 repositorios públicos en github.com/vanessamarely. Aquí destaco proyectos open source y el código de mis charlas y talleres, del más recientemente actualizado al más antiguo.
WebMCP in Action
Demo de WebMCP, el estándar propuesto para que una página exponga sus funciones como herramientas a los agentes de IA.
Usado en: DevFest Quito 2026
Actualizado:
Agentic Web Starter · codelabs GoFest
Monorepo con todos los codelabs de GoFest Bogotá: cliente offline-first con Gemini Nano, orquestador multi-agente con Gemini Flash y una app de presentación tipo codelab.
Usado en: GoFest Bogotá 2026
Actualizado:
AI Playbook
Guía de referencia y paquete de ejemplo para estructurar agentes, skills, prompts, comandos y políticas en un repositorio.
Actualizado:
Recursos Frontend
Guía colaborativa con recursos para aprender Frontend: cursos, documentación, herramientas, comunidades y más. Abierta a contribuciones.
Actualizado:
Guía práctica de GitHub y Copilot
Repositorios, ramas, pull requests, issues, workflows y GitHub Copilot explicados con ejercicios.
Usado en: Mentoría Invima & Google AI Hackathon · GoFest Bogotá 2026
Actualizado:
Job Tracker
App para gestionar postulaciones (Next.js + Drizzle) que sirve como referencia de una configuración avanzada de GitHub Copilot: agentes, prompts, skills y specs.
Actualizado:
Taller de GitHub Copilot
Módulos paso a paso para potenciar tu productividad con IA generativa: del autocompletado a los agentes.
Actualizado:
AI Travel Planner (Google ADK)
Planificador de viajes full-stack con Google Agent Development Kit en TypeScript: agentes en paralelo y en secuencia.
Usado en: Build with AI · GDG Quito 2026
Actualizado:
Travel Planner multi-agente
Versión con la API de Gemini y patrones de orquestación inspirados en ADK (ParallelAgent + SequentialAgent).
Usado en: Build with AI · GDG Quito 2026
Actualizado:
README Profile Generator
Crea READMEs para tu perfil de GitHub con una interfaz drag & drop y vista previa en tiempo real, sin escribir Markdown.
Actualizado:
Panel de ayuda contextual con Built-in AI
Panel que resume la página y genera FAQs con las APIs Summarizer y Prompt del navegador, más View Transitions y Anchor Positioning.
Usado en: Build with AI · GDG Santa Cruz 2026
Actualizado:
Build with AI Santa Cruz (slides)
Presentación web del taller sobre Built-in AI y estándares modernos de CSS.
Usado en: Build with AI · GDG Santa Cruz 2026
Actualizado:
Web MCP & Debugging (slides)
Presentación web de 22 diapositivas sobre Web MCP y debugging moderno con IA.
Usado en: GDG Barranquilla 2026
Actualizado:
HyperCart Lab
E-commerce en React con problemas de rendimiento activables para practicar debugging con Chrome DevTools.
Usado en: Web MCP & Debugging · GDG Barranquilla 2026
Actualizado:
Token Calculator
Estimador de tokens para prompts y respuestas de modelos de IA.
Actualizado:
DevTools + IA en Acción
App creada con GitHub Spark para practicar Chrome DevTools y sus nuevas funciones con IA.
Usado en: MedellinJS 2025
Actualizado:
Semantic HTML Checker
Extensión de VS Code que detecta y ayuda a corregir problemas de semántica y accesibilidad en HTML según WCAG 2.2.
Actualizado:
Buddy Writer
App para escribir y mantener al día documentación técnica.
Actualizado:
Metamorfosis de Angular
Guía de talleres por niveles (oruga, crisálida, mariposa) para quienes empiezan con Angular. Participó en Hacktoberfest.
Usado en: She Codes Angular · 2020
Actualizado:
Angular Challenges
Gitbook con conceptos de Angular y retos prácticos en mini apps para aprender haciendo.
Actualizado:
Kanban Board en Angular
Workshop para crear un tablero Kanban repasando componentes, directivas, módulos, servicios, routing y CDK.
Usado en: ngConf Honduras 2021
Actualizado: