# Vue Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/vue
> Markdown URL: https://aitinkerers.org/technologies/vue.md
> Technology record last updated: 2026-02-23T02:50:16Z
> Generated: 2026-08-24T06:56:31Z

Vue is the progressive JavaScript framework for building performant, incrementally adoptable user interfaces and single-page applications (SPAs).

Vue is a progressive, component-based JavaScript framework designed by Evan You for efficiently developing user interfaces and SPAs. Its core strength is incremental adoption: use it for small-scale feature enhancement or scale up to a full-featured application with official tools. The current stable version, Vue 3 (v3.5.24), features a truly reactive, compiler-optimized rendering system and a declarative programming model. Leverage the official ecosystem: use Vite for fast tooling, Vue Router for SPAs, and Pinia for state management. This versatile solution builds directly on standard HTML, CSS, and JavaScript, ensuring approachability and high performance.

- Official technology site: https://vuejs.org/
- Public AI Tinkerers demos and talks: 8
- Result page: 1 of 1

## Recent Public Talks and Demos

### [Can AI Make the World a Better Place?](https://columbus.aitinkerers.org/talks/rsvp_M4Biz5mUKI0)

Connect an LLM via MCP and watch it autonomously build an industrial economy on a 3D Earth. The model becomes the player: it mines real geological deposits, spins up supply chains, balances a power grid, researches a tech tree, terraforms the planet, and launches space missions — all while you watch live on a shareable globe. Over-industrialize and the ecosystem collapses; the LLM has to figure that out on its own. More global concerns and features to come!

- Event context: AI Tinkerers - Columbus August Meetup — 2026-08-03 — Columbus
- Public talk page: https://columbus.aitinkerers.org/talks/rsvp_M4Biz5mUKI0

### [Vibe-Coded Plug-Ins](https://columbus.aitinkerers.org/talks/rsvp_6qoJy3Zx-eM)

I’ll live-demo a prompt-generated dashboard plug-in system: a user asks for a custom dashboard tile, the backend generates a vue component plus a typed props schema, live props are resolved through an agent with tenant-scoped tools, and the browser renders the result inside a sandboxed iframe

- Event context: AI Tinkerers - Columbus June Meetup — 2026-06-01 — Columbus
- Public talk page: https://columbus.aitinkerers.org/talks/rsvp_6qoJy3Zx-eM

### [Building an Enterprise Digital Brain](https://valencia.aitinkerers.org/talks/rsvp_a3Hziwgp_h8)

A Digital Brain is your company's private Wikipedia leveraged with AI. Document every SOP and team member know-how (structured, semi-structured and unstructured) and make it "legible". Then leverage AI to find precise answers quickly, turn them into SKILLS that AI agents can execute. All in one place. In the demo we will look at: - General content storage in a virtual file system - Find precise answers with agentic search - Write natural language skills the agent can execute - Customize chat UX with dynamic tools via skills (work-in-progress)

- Event context: AI Tinkerers Valencia May Meetup — 2026-05-26 — Valencia
- Public talk page: https://valencia.aitinkerers.org/talks/rsvp_a3Hziwgp_h8

### [Constrained decoding: Can language models generate cute pixel art?](https://montreal.aitinkerers.org/talks/rsvp_ewFxWIEUn3k)

Recently, I’ve been experimenting with low-level token generation using models like gpt-oss-20b and gemma-3-27b-it. I became particularly interested in constrained decoding, where you apply a mask to the model’s probability distribution at each generation step. That led me to a fun question: what if you constrain the probabilities to a predefined set of “color tokens” and force the model to output them in a grid, essentially generating pixel art? Predictably, the results were… chaotic. But the failures were fascinating, and I’m convinced the limitations were mostly due to my rushed implementation and time constraints.

- Event context: AI Tinkerers Montreal: Demo Night — November 20, 2025 — 2025-11-20 — Montreal
- Public talk page: https://montreal.aitinkerers.org/talks/rsvp_ewFxWIEUn3k

### [The Death of Agents: Building AI Workflows That Actually Scale](https://toronto.aitinkerers.org/talks/rsvp_zz0Coi-4yZM)

In this live walkthrough, I’ll demo how I built an LLM-powered pipeline system that replaces brittle agent frameworks with modular, composable reasoning stages. The system processes unstructured inputs (like emails and legal docs), extracts structured data, embeds it, retrieves semantically relevant context from a vector DB, and then makes decisions like: “Is this part of an existing deal or a new one?” No agents. No RAG gimmicks. Just pipelines, embeddings, and judgment calls from a model with traceability. I’ll walk through: Canonicalization (turning messy inputs into structured data) Vector-powered context graph retrieval LLM reranking and decision logic Real-time deal creation or attachment via reasoning How I kept it all observable, debuggable, and scalable across domains Everything will be live—from the code to the reasoning decisions. No slides, no fluff, just raw execution.

- Event context: AI Tinkerers Toronto - April 2025 Meetup at Shopify — 2025-04-24 — Toronto
- Public talk page: https://toronto.aitinkerers.org/talks/rsvp_zz0Coi-4yZM

### [Using NLP/ML and cloud functions to automate peer groups.](https://nyc.aitinkerers.org/talks/rsvp_MZuKe3l91uQ)

Code walk through of a VueJS front end launching late 2024 or early 2025 using machine learning/NLP over GCP cloud functions, Firestore / Cloud Run backend to automatically create peer groups. Would show Python code over Google Cloud Functions (gen2) using models (not actual subscribers!) we've been using in development in code calling SpaCy libraries and Regex functions to extract keywords, and then use those, currently in a Dice/Sorenson algorithm on web-based device (phone or laptop) to create peer groups.

- Event context: AI Tinkerers - New York City - November 2024 Meetup | Win Meta Ray-Bans — 2024-11-12 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_MZuKe3l91uQ

### [Live AI chatbots and Vector Search with Laravel, Vue.js, and MySQL](https://boston.aitinkerers.org/talks/rsvp_ds3pqfXmJvM)

The primacy of python and dedicated vector databases for search might be due to the hype driven by enterprise solutions. But there are thousands of PHP and MySQL websites out there that could benefit from Vector Search. With an implementation of this modified from one created by Allan Pichardo ( pichardo.dev ) called mysql-vector this demonstrates the feasibility of native vector search with MySQL and PHP.

- Event context: AI Tinkerers September Meetup Sponsored by BasisTech — 2024-09-23 — Boston
- Public talk page: https://boston.aitinkerers.org/talks/rsvp_ds3pqfXmJvM

### [Screenshot to Code](https://nyc.aitinkerers.org/talks/rsvp_03NTApYVdUE)

A simple tool that converts a screenshot to code (HTML/Tailwind CSS, or React or Bootstrap or Vue). It uses GPT-4 Vision to generate the code and DALL-E 3 to generate similar-looking images. You can now also enter a URL to clone a live website. Released it in November and it went super viral (has 35k+ stars on Github)

- Event context: AI Tinkerers NYC Feb 2024 Meetup — 2024-02-20 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_03NTApYVdUE

## Related Technologies

- [Nuxt](https://aitinkerers.org/technologies/nuxt) ([Markdown](https://aitinkerers.org/technologies/nuxt.md)) — 5 public demos
- [Postgres](https://aitinkerers.org/technologies/postgres) ([Markdown](https://aitinkerers.org/technologies/postgres.md)) — 11 public demos
- [TypeScript](https://aitinkerers.org/technologies/typescript) ([Markdown](https://aitinkerers.org/technologies/typescript.md)) — 198 public demos
- [ChatGPT](https://aitinkerers.org/technologies/chatgpt) ([Markdown](https://aitinkerers.org/technologies/chatgpt.md)) — 83 public demos
- [ChatGPT for LLM models](https://aitinkerers.org/technologies/chatgpt-for-llm-models) ([Markdown](https://aitinkerers.org/technologies/chatgpt-for-llm-models.md)) — 1 public demo
- [Claude](https://aitinkerers.org/technologies/claude) ([Markdown](https://aitinkerers.org/technologies/claude.md)) — 170 public demos
- [Cloud Run](https://aitinkerers.org/technologies/cloud-run) ([Markdown](https://aitinkerers.org/technologies/cloud-run.md)) — 12 public demos
- [DALL·E 3](https://aitinkerers.org/technologies/dall-e-3) ([Markdown](https://aitinkerers.org/technologies/dall-e-3.md)) — 12 public demos
- [Elasticsearch](https://aitinkerers.org/technologies/elasticsearch) ([Markdown](https://aitinkerers.org/technologies/elasticsearch.md)) — 5 public demos
- [Elasticsearch for hybrid search (text and vector)](https://aitinkerers.org/technologies/elasticsearch-for-hybrid-search-text-and-vector) ([Markdown](https://aitinkerers.org/technologies/elasticsearch-for-hybrid-search-text-and-vector.md)) — 1 public demo
- [Firestore](https://aitinkerers.org/technologies/firestore) ([Markdown](https://aitinkerers.org/technologies/firestore.md)) — 4 public demos
- [Google Cloud Functions (Gen 2)](https://aitinkerers.org/technologies/google-cloud-functions-gen-2) ([Markdown](https://aitinkerers.org/technologies/google-cloud-functions-gen-2.md)) — 1 public demo
- [GPT-4o](https://aitinkerers.org/technologies/gpt-4o) ([Markdown](https://aitinkerers.org/technologies/gpt-4o.md)) — 57 public demos
- [GPT-4 Vision](https://aitinkerers.org/technologies/gpt-4-vision) ([Markdown](https://aitinkerers.org/technologies/gpt-4-vision.md)) — 2 public demos
- [LangGraph](https://aitinkerers.org/technologies/langgraph) ([Markdown](https://aitinkerers.org/technologies/langgraph.md)) — 66 public demos
- [Laravel](https://aitinkerers.org/technologies/laravel) ([Markdown](https://aitinkerers.org/technologies/laravel.md)) — 4 public demos
- [Mastra](https://aitinkerers.org/technologies/mastra) ([Markdown](https://aitinkerers.org/technologies/mastra.md)) — 7 public demos
- [Mastra typescript framework for model harnessing](https://aitinkerers.org/technologies/mastra-typescript-framework-for-model-harnessing) ([Markdown](https://aitinkerers.org/technologies/mastra-typescript-framework-for-model-harnessing.md)) — 1 public demo