# Vite Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/vite
> Markdown URL: https://aitinkerers.org/technologies/vite.md
> Technology record last updated: 2026-09-18T15:14:00Z
> Generated: 2026-09-20T15:43:41Z

Vite is the next-generation frontend build tool: instant server start with native ES modules and lightning-fast Hot Module Replacement (HMR).

Vite (French for 'quick') is a modern build tool created by Evan You (Vue.js's creator) that delivers a dramatically faster development experience. It operates in two major parts: a dev server that serves source code over native ES modules, eliminating the initial bundling step for instant startup; and a production build command that leverages Rollup and esbuild for highly optimized static assets. This architecture provides consistently fast HMR, even for large applications, and offers out-of-the-box support for TypeScript, JSX, and CSS via a universal plugin API.

- Official technology site: https://vitejs.dev
- Public AI Tinkerers demos and talks: 17
- Result page: 1 of 1

## Recent Public Talks and Demos

### [ResearchAgent: An Evidence Procurement Guard for AI Research](https://singapore.aitinkerers.org/talks/rsvp__j9oAmwQHvg)

ResearchAgent is an AI research workflow that can procure premium evidence within a delegated budget and prove how that purchase changed the conclusion. I will demo the complete flow live: set a research mandate, retrieve and cluster open evidence, identify the unresolved gap, then buy, skip, or block sources according to policy. The demo ends with a before/after conclusion and an Evidence Receipt showing the authorization, quote, settlement, access state, and exact claim-level citations.

- Event context: AI Tinkerers Singapore — Saturday Demo Meetup with Joe Heitzeberg (Oct 10) — 2026-10-10 — Singapore
- Public talk page: https://singapore.aitinkerers.org/talks/rsvp__j9oAmwQHvg

### [Don’t Just Build an App: Build a Playground - Designing flexible, high-growth ecosystems that scale seamlessly.](https://orange-county.aitinkerers.org/talks/rsvp_FR1uOvCMPCI)

Oddjob lets you spin up teams of AI agents that plan and execute multi-step work as missions, cycles, and pipelines — extracting knowledge, running research, generating documents and datasets, and completing tasks end to end. It can build and deploy working software and mini-apps on demand through App Forge, stand up org and team structures through Org Forge, and turn a document template into a live form agent that captures a structured schema automatically. It grounds every agent in your own data with retrieval-augmented generation, a knowledge graph, and reusable templates, and routes work through configurable LLM providers with automatic failover to a local model when a provider is unavailable.

- Event context: AI Tinkerers Orange County: Tuesday, July 21, 2026 at Centercode — 2026-07-22 — Orange County
- Public talk page: https://orange-county.aitinkerers.org/talks/rsvp_FR1uOvCMPCI

### [What happens when you give a guy with little coding experience an AI Server? Just Another AI DAW (JAAD)](https://columbus.aitinkerers.org/talks/rsvp_4YU8BPj7FwE)

Just Another AI DAW (JAAD) is an open-source, browser-based, multitrack Digital Audio Workstation that integrates Google Gemini to deliver real-time AI mixing advice, generative MIDI/stem creation, and mastering tools directly in a local-first interface. In the live demo, I will showcase a working multitrack workspace with responsive AudioWorklet playback, demonstrate Gemini-powered tempo detection and natural-language MIDI sequence generation, and show how we handle local storage caching using the Origin Private File System (OPFS) alongside a WebGL-based visual analyzer.

- Event context: AI Tinkerers - Columbus July Meetup — 2026-07-06 — Columbus
- Public talk page: https://columbus.aitinkerers.org/talks/rsvp_4YU8BPj7FwE

### [Building an AI publishing platform with an AI dev squad](https://tokyo.aitinkerers.org/talks/rsvp_CzSJETAJ9-4)

CloudAuthor — a full-stack AI authoring platform, 14 agents, 27 skills, 300+ tests, built in 2 months on .NET Aspire and TypeScript/Vite. Live demo in two halves. First, I'll run the end-to-end publishing pipeline through CloudAuthor's agents: ideation → research → quote-finding → drafting → editing → banner creation → Japanese translation → carousel generation. Each stage is a specialized agent handing off to the next, all streaming in front of you. Then I'll switch to Visual Studio Code and show the squad of 7 specialized coding agents I actually use to build CloudAuthor itself — the agents that wrote the agents.

- Event context: AI Tinkerers Tokyo - Shinagawa: May 26th Meetup — 2026-05-26 — Tokyo
- Public talk page: https://tokyo.aitinkerers.org/talks/rsvp_CzSJETAJ9-4

### [What Happens When You Put an AI Dev Team on a Mac Mini?](https://chicago.aitinkerers.org/talks/rsvp_lY6IQju70NA)

I built a local AI agent development team on a Mac Mini to support software development for HausHavn, a real estate workflow platform. Instead of using AI for one-off prompts, I set up separate agents with clear roles across architecture, coding, QA, product analysis, documentation, and project management. The demo shows how I orchestrate those agents through real development work, including task handoffs, code review, GitHub issues, Notion sync, release QA, and the messy lessons of making agents useful as process infrastructure, not magic.

- Event context: AI Tinkerers Chicago: April Meetup ft OneTwoLoop — 2026-04-14 — Chicago
- Public talk page: https://chicago.aitinkerers.org/talks/rsvp_lY6IQju70NA

### [Sales Data Driven AI](https://saopaulo.aitinkerers.org/talks/rsvp_TIZxQLTfXv0)

Um sistema de vendas automático e dando direcionamento baseado em dados conversacionais da IA com o lead.

- Event context: AI Tinkerers SP e Banco BMG — 2026-03-26 — São Paulo
- Public talk page: https://saopaulo.aitinkerers.org/talks/rsvp_TIZxQLTfXv0

### [Solving Cold Start GTM with Claude Code (and Zero Headcount)](https://seattle.aitinkerers.org/talks/rsvp_saEaMuqlges)

Loupe is a luxury watch market intelligence and tool platform designed for collectors and dealers. With a one-person team and Claude Code, we ship SEO landing pages, Instagram content (carousels, reels, stories), editorial guides, across 22+ watch brands, all from CC. In this demo, I'll walk through the actual workflows: how a single CLI session can research a topic, query Supabase for watch data, generate templated visuals with Puppeteer, compose ffmpeg reels with Ken Burns and transition effects, and push a finished landing page and associated Instagram reel to production. Leveraging Claude Code with custom slash commands, custom MCP integrations, and a growing skills library that turns repetitive GTM work into repeatable pipelines. I'll show the real session transcripts, the messy iterations, and the parts that broke. Leveraging this method, we've grown from 0 to 100 followers in a week.

- Event context: AI Tinkerers Seattle: GTM Track — March — 2026-03-26 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_saEaMuqlges

### [Headshotify: Get Instant Passport-worthy Photos](https://nyc.aitinkerers.org/talks/rsvp_-GL219vX4cY)

Headshotify uses AI processing to automatically frame a face and optionally remove background from any uploaded portraits, and allows download professional headshots in three sizes.

- Event context: March Demo Day, hosted by Flowglad — 2026-03-18 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_-GL219vX4cY

### [Claude in the Channel: Building an Autonomous Frontend Agent for No-Code Teams](https://tokyo.aitinkerers.org/talks/rsvp_ILK68XIsX3A)

I’ll demonstrate how I turned a Slack channel into a functional "Frontend Desk" where designers and admin staff ship production code without touching an IDE, or having to pay for a no-code platform or a content delivery network (CDN). The system connects a Slack bot to a Claude-powered agent sitting on a server with a live clone of our React/Vite/Tailwind repository. I’ll walk through the technical plumbing that allows the bot to: * Ingest design specs and SVGs directly from Slack threads. * Contextualize those assets within a complex codebase to perform precise UI updates. * Trigger a password-protected staging environment for instant visual feedback. * Execute a `/approve` flow that handles the merging and deployment to GitHub Pages.

- Event context: AI Tinkerers Tokyo - Toranomon Meetup - February 19, 2026 — 2026-02-19 — Tokyo
- Public talk page: https://tokyo.aitinkerers.org/talks/rsvp_ILK68XIsX3A

### [Radiology Lab - Medical Imaging Segmentation Lab](https://raleigh.aitinkerers.org/talks/rsvp_M1DsMV5sU6A)

An early preview of a web application built to create segmentation and 3D modeling training data directly within research and clinical workflows in Medical Imaging, using SAM3 and Gaussian Splatting APIs. It supports multiple imaging modalities; including Cardiac MRI, Cardiac CT, CCTA, and Brain MRI. This training data can be quickly plugged in to fine-tune or build machine learning models, which can loop back into the web application. Creating an iterative cycle of improving machine learning models, segmentations and 3D models across all modalities in Medical Imaging.

- Event context: AI Tinkerers Raleigh Meetup — February 11, 2026 — 2026-02-11 — Raleigh
- Public talk page: https://raleigh.aitinkerers.org/talks/rsvp_M1DsMV5sU6A

### [Aeris: AI-Native Astrology Software](https://nyc.aitinkerers.org/talks/rsvp_Ui9brIC8HHM)

Aeris is a traditional astrology software in the cloud with it's own super-powered API and an LLM integration (soon to be a custom fine-tuned model) and beautiful renderings of astro cartography maps and 10,000+ years of traditional ephemeris data rendered in real time.

- Event context: Feb Demo Day: How are you turning design into code? (with Baz) — 2026-02-04 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_Ui9brIC8HHM

### [Building agentic experience in ChatGPT Apps: MCP Meets UI](https://paris.aitinkerers.org/talks/rsvp_pjXS0CFNnqc)

I'll be presenting the tips that we have learned since building & prototyping ChatGPT Apps, and which key design principles we have learnt, including : - How to adapt your MCP Server Tool to make ChatGPT aware that it contains a UI - How to interact seamlessly with the agent straight from your application - And quickly present our framework, skybridge, that ease development.

- Event context: Turn Your Knowledge into an API for LLMs - Meetup — 2025-12-09 — Paris
- Public talk page: https://paris.aitinkerers.org/talks/rsvp_pjXS0CFNnqc

### [Artifact Chat: Your AI Office Space](https://seattle.aitinkerers.org/talks/rsvp_X-VEuPD0ajY)

I'll demonstrate Artifact, a unified AI workspace that combines 30+ leading AI models (GPT-4o, Claude Opus 4, Gemini 2.5 Pro, and more) into a single collaborative platform with shared context. The live demo will showcase our innovative Canvas system for real-time content creation, seamless AI model switching during conversations, and team collaboration features that transform how organizations work with AI. I will also demonstrate code creation and live rendering capabilities along with newly integrated video generation and interactive UI charts and graphs for financial research and trip planning. I'll also demo our dynamic agent generation which enables users to customize outputs for specialized tasks.

- Event context: Summer on the Lake - August Tinkerers Meetup! (Demos, Food, Friends) — 2025-08-28 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_X-VEuPD0ajY

### [Reasoning traces in LangChainJS](https://boston.aitinkerers.org/talks/rsvp_ghXjZ5aNfAc)

I will show how to use langchainJS to interact with current reasoning models (GPT-5, Grok 4, Gemini-2.5 Pro) and how to handle their responses. Why are they different? Well, if you treat them like "normal" models you get some surprising behavior. Most obviously very slow responses. Less obvious, but also common they might stop their response midway, without obvious reason. The "trick" is to consider the reasoning trace. Both, when prompting and when when building UX. Unfortunately, langchain currently doesn't document how to do this well so, instead, I will dive into the code and show you instead ;) For this we will use a real world example: A private chat app that we use to unify conversations with major LLM providers. You can talk to multiple models in parallel within the same conversation, which is the perfect scenario to see different thinking vs non-thinking models in action.

- Event context: AI Tinkerers Boston: Langchain & Beyond Meetup — 2025-08-25 — Boston
- Public talk page: https://boston.aitinkerers.org/talks/rsvp_ghXjZ5aNfAc

### [How to vibe code a presentation](https://boston.aitinkerers.org/talks/rsvp_p64_-yipSeQ)

Using Google Sheets and Keynote can be tedious. I can show you how to vibe code your way to make a great looking presentation. In this talk, I'll show you how to make a React web application that you can use to create your slides, so you can show off at work.

- Event context: AI Tinkerers July Meetup @ Tech Superpowers — 2025-07-28 — Boston
- Public talk page: https://boston.aitinkerers.org/talks/rsvp_p64_-yipSeQ

### [unrav.io - Make complex simple again](https://seattle.aitinkerers.org/talks/rsvp_S0aalHxUBhA)

I'll demo unrav.io, a tool that lets anyone simplify and hyper-personalize their browsing experience using AI. It enables users to transform any web content into the format that suits them best: summaries, audio podcasts, mindmaps, or new perspectives, all on the fly. Built entirely through "vibe coding" (for the bolt.new hackathon) the project explores what it means to create in partnership with AI, where intuition and iteration replace traditional planning. Most importantly, I will share unique insights and lessons learned throughout my vibe coding experience.

- Event context: AI Tinkerers Seattle – June Meetup — 2025-06-28 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_S0aalHxUBhA

### [The power of open-source: DeepDive, PodcastLM, LLM Chess Arena](https://amsterdam.aitinkerers.org/talks/rsvp_0S5jFpLk4Ew)

I go over how with DeepSeek the paradigm has shifted, the notion that open source models are not good enough is gone. In this talk we go over three different fully-open source projects I made that try and explore the ways people can utilize open-models to create similar versions of Big Tech products and provide them with access to these open-source projects.

- Event context: AI Tinkerers Amsterdam - February Edition — 2025-02-26 — Amsterdam
- Public talk page: https://amsterdam.aitinkerers.org/talks/rsvp_0S5jFpLk4Ew

## Related Technologies

- [React](https://aitinkerers.org/technologies/react) ([Markdown](https://aitinkerers.org/technologies/react.md)) — 219 public demos
- [TypeScript](https://aitinkerers.org/technologies/typescript) ([Markdown](https://aitinkerers.org/technologies/typescript.md)) — 205 public demos
- [Supabase](https://aitinkerers.org/technologies/supabase) ([Markdown](https://aitinkerers.org/technologies/supabase.md)) — 90 public demos
- [Tailwind CSS](https://aitinkerers.org/technologies/tailwind-css) ([Markdown](https://aitinkerers.org/technologies/tailwind-css.md)) — 22 public demos
- [Claude](https://aitinkerers.org/technologies/claude) ([Markdown](https://aitinkerers.org/technologies/claude.md)) — 173 public demos
- [Claude Code](https://aitinkerers.org/technologies/claude-code) ([Markdown](https://aitinkerers.org/technologies/claude-code.md)) — 214 public demos
- [React 19](https://aitinkerers.org/technologies/react-19) ([Markdown](https://aitinkerers.org/technologies/react-19.md)) — 6 public demos
- [Tailwind](https://aitinkerers.org/technologies/tailwind) ([Markdown](https://aitinkerers.org/technologies/tailwind.md)) — 3 public demos
- [Docker](https://aitinkerers.org/technologies/docker) ([Markdown](https://aitinkerers.org/technologies/docker.md)) — 147 public demos
- [frontend](https://aitinkerers.org/technologies/frontend) ([Markdown](https://aitinkerers.org/technologies/frontend.md)) — 6 public demos
- [LangChain](https://aitinkerers.org/technologies/langchain) ([Markdown](https://aitinkerers.org/technologies/langchain.md)) — 445 public demos
- [React Router](https://aitinkerers.org/technologies/react-router) ([Markdown](https://aitinkerers.org/technologies/react-router.md)) — 5 public demos
- [Anthropic API](https://aitinkerers.org/technologies/anthropic-api) ([Markdown](https://aitinkerers.org/technologies/anthropic-api.md)) — 66 public demos
- [API](https://aitinkerers.org/technologies/api) ([Markdown](https://aitinkerers.org/technologies/api.md)) — 19 public demos
- [AudioWorklet](https://aitinkerers.org/technologies/audioworklet) ([Markdown](https://aitinkerers.org/technologies/audioworklet.md)) — 1 public demo
- [Backend](https://aitinkerers.org/technologies/backend) ([Markdown](https://aitinkerers.org/technologies/backend.md)) — 7 public demos
- [Background Removal AI](https://aitinkerers.org/technologies/background-removal-ai) ([Markdown](https://aitinkerers.org/technologies/background-removal-ai.md)) — 1 public demo
- [BullMQ](https://aitinkerers.org/technologies/bullmq) ([Markdown](https://aitinkerers.org/technologies/bullmq.md)) — 2 public demos