Passkeys in Nuxt – The BEST Login UX
Vue Agent Skills, scalable server state, and a practical slots tip.  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ 

Hi Adam,

This week, we’re looking at something many teams are starting to face when building with AI tools: consistency.

AI coding agents can generate working Vue code, but without clear standards, every component may follow a different pattern. One uses Options API, another Composition API, a third invents its own structure.

This week’s highlights focus on how to keep your Vue architecture predictable and scalable:

  • A deep dive into Vue Agent Skills and how they guide AI tools toward consistent patterns
  • New Pinia Colada lessons for predictable server state management
  • Course recommendation for you
  • A practical Vue slots tip from Daniel Kelly
  • Updates from the BitterBrains developer ecosystem

Let’s get into it.

Latest courses, articles and tutorials

Vue Agent Skills for Reliable AI Development

AI coding agents can write Vue code quickly. The challenge is making sure that code follows consistent architectural standards.

Without guidance, agents choose whatever patterns they’ve seen most often in training data. The result is a codebase where similar problems are solved in completely different ways.

Agent Skills solves this by giving AI tools a structured set of conventions, best practices, and references for your stack.

Skills allow agents to:

  • Follow consistent Vue and Nuxt conventions
  • Use Composition API and TypeScript patterns correctly
  • Align with your team’s architecture decisions
  • Keep generated code predictable and maintainable

The ecosystem is already growing quickly, with collections maintained by trusted contributors like Anthony Fu, covering Vue, Nuxt, Pinia, Vite, Vitest, and more.

If you’re starting to integrate AI into your development workflow, understanding how skills shape agent behavior will save you countless hours of cleanup later.


Pinia Colada lessons 17 – 20 are now live

New course for structured, predictable, and type-safe server state management to Vue

Server state is one of the most common sources of complexity in modern applications. The Pinia Colada course continues exploring how to manage server data in a way that stays predictable as your application grows.

New lessons (17–20):

  • Mutate vs mutateAsync Mutation Functions in Pinia Colada
  • Paginated Queries in Pinia Colada
  • Pinia Colada Plugins
  • Pinia Colada Challenge Brief

You’ll learn how to:

  • structure mutations without side effects spreading through your code
  • manage pagination patterns cleanly
  • extend your data layer with plugins
  • apply the concepts through a real challenge

Pinia Colada v1 is here!