Fast AI, Fluid UI
Two apps for the talk on AI-generated UI without layout shifts or latency: performance, structured outputs and WebMCP.
Used in: DevFest Santo Domingo 2026
Updated:
Open source projects
I have more than 150 public repositories at github.com/vanessamarely. Here are my open source projects and the code from my talks and workshops, from most to least recently updated.
WebMCP in Action
A WebMCP demo, the proposed standard that lets a page expose its features as tools for AI agents.
Used in: DevFest Quito 2026
Updated:
Agentic Web Starter · GoFest codelabs
Monorepo with every GoFest Bogotá codelab: an offline-first client with Gemini Nano, a multi-agent orchestrator with Gemini Flash and a codelab-style presentation app.
Used in: GoFest Bogotá 2026
Updated:
AI Playbook
A reference guide and sample package for structuring agents, skills, prompts, commands and policies in a repository.
Updated:
Frontend Resources
A collaborative guide with resources to learn frontend: courses, docs, tools, communities and more. Open to contributions.
Updated:
Hands-on guide to GitHub and Copilot
Repositories, branches, pull requests, issues, workflows and GitHub Copilot, explained with exercises.
Used in: Mentoring: Invima & Google AI Hackathon · GoFest Bogotá 2026
Updated:
Job Tracker
A job application tracker (Next.js + Drizzle) that doubles as a reference for an advanced GitHub Copilot setup: agents, prompts, skills and specs.
Updated:
GitHub Copilot workshop
Step-by-step modules to boost your productivity with generative AI: from autocomplete to agents.
Updated:
AI Travel Planner (Google ADK)
Full-stack travel planner built with Google's Agent Development Kit in TypeScript: parallel and sequential agents.
Used in: Build with AI · GDG Quito 2026
Updated:
Multi-agent Travel Planner
A version using the Gemini API and ADK-inspired orchestration patterns (ParallelAgent + SequentialAgent).
Used in: Build with AI · GDG Quito 2026
Updated:
README Profile Generator
Create READMEs for your GitHub profile with a drag & drop interface and live preview, no Markdown needed.
Updated:
Contextual help panel with Built-in AI
A panel that summarizes the page and generates FAQs with the browser's Summarizer and Prompt APIs, plus View Transitions and Anchor Positioning.
Used in: Build with AI · GDG Santa Cruz 2026
Updated:
Build with AI Santa Cruz (slides)
Web slides for the workshop on Built-in AI and modern CSS standards.
Used in: Build with AI · GDG Santa Cruz 2026
Updated:
Web MCP & Debugging (slides)
A 22-slide web presentation on Web MCP and modern AI-assisted debugging.
Used in: GDG Barranquilla 2026
Updated:
HyperCart Lab
A React e-commerce app with performance problems you can switch on to practice debugging with Chrome DevTools.
Used in: Web MCP & Debugging · GDG Barranquilla 2026
Updated:
DevTools + AI in Action
An app built with GitHub Spark to practice Chrome DevTools and its new AI features.
Used in: MedellinJS 2025
Updated:
Semantic HTML Checker
A VS Code extension that finds and helps fix HTML semantics and accessibility issues based on WCAG 2.2.
Updated:
Angular Metamorphosis
Leveled workshops (caterpillar, chrysalis, butterfly) for people getting started with Angular. Part of Hacktoberfest.
Used in: She Codes Angular · 2020
Updated:
Angular Challenges
A Gitbook with Angular concepts and hands-on challenges in mini apps to learn by doing.
Updated:
Angular Kanban Board
A workshop to build a Kanban board while reviewing components, directives, modules, services, routing and the CDK.
Used in: ngConf Honduras 2021
Updated: