3 new AI SDK lessons ⚙️ + 10 Vue-powered hero designs
Structured AI data with Vue and Nuxt, CSS updates, and cleaner components  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ 

Hi Adam,

This week’s update covers a few different topics worth your time. There’s a set of new lessons in AI Interfaces with Vue, Nuxt, and the AI SDK, focused on working with structured data and real UI integrations rather than chat-only examples.

We’re also sharing a new blog post that breaks down what’s actually useful in the latest wave of CSS features and where they can replace JavaScript in everyday UI work.

You’ll also find an update on the upcoming AIDD flagship course and a new Tip of the Week on writing cleaner, more reusable Vue components.

Let’s get into it!

New lessons: AI Interfaces with Vue, Nuxt, and the AI SDK

The AI Interfaces with Vue, Nuxt, and the AI SDK course is almost complete! The new lessons focus on using AI for structured data, not just chat responses.

You’ll learn how to generate and stream objects from the backend and consume them in the frontend, using a concrete example that streams a list of users in real time.

You’ll also learn how to generate arrays on the Nuxt backend and use them as structured input on the frontend. In the example, the generated data powers autocomplete suggestions inside a chat prompt, showing how AI output can drive real UI behavior rather than just messages.

Available now with a Vue School yearly subscription, currently 40% off.


New blog: The Latest in CSS 2026

CSS continues to evolve quickly, covering more UI patterns that previously required JavaScript.

In a new blog post, we break down the most interesting updates from Chrome’s CSS Wrapped 2025 report and what they mean in practice for UI work. The focus is on features that simplify common patterns and help reduce JS-heavy solutions.

You’ll see how to use:

  • Scroll state queries to react to stuck, snapped, or scrollable elements
  • Customizable select elements for native, fully styleable dropdowns
  • Tree counting functions like sibling-index() for staggered animations
  • CSS if() functions for conditional styling without media queries
  • Custom CSS functions to reuse logic directly in stylesheets

Taken together, these features point to a shift toward more capable CSS and cleaner, more maintainable front-end codebases.

→ Read more


Waitlist for AIDD’s flagship course is open

When Microsoft rebuilt internal finance systems with AI, the challenge wasn’t the model. It was designing something teams could trust in production.

That same gap between working demos and reliable systems is what the AIDD team is addressing with the upcoming flagship advanced course, Ship Faster with AI Dev Workflows. This course is the heart of AIDD and can be taken as a standalone course, focusing on a practical SDLC workflow where AI is part of everyday development.

The waitlist is open if you want to be notified when enrollment opens.

→ Join waitlist with 1 click

Want the full AIDD experience while you wait? The course will be included in AIDD Complete and Elite plans, and you can start the rest of AIDD right now.