Vue ecosystem update: Tailwind CSS 4, Agent Skills, Tooling
FormKit v1.7, framework-aware Vue and Nuxt agents, and Void0’s direction  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ 
Vue School website

Hi Adam,

This week’s update focuses on how the Vue ecosystem continues to mature around styling upgrades, AI-assisted workflows, and tooling consolidation.

We’ll start with FormKit’s Tailwind CSS 4 support, then look at framework-aware AI agent skills for Vue and Nuxt, and finish with Void0’s direction for a unified JavaScript toolchain.

Tailwind CSS 4 support in FormKit

We love FormKit at Vue School. It’s a robust but easy to use library for building forms. (We even created a complete course on it in collaboration with the library creators)

Last month, they released v1.7.0 that includes the much anticipated Tailwind CSS version 4 support.

  • New Tailwind CSS 4 support – themes now ship with TW4 by default, with TW3 variants available via regenesis-tw3 and starter-tw3 theme names
  • CLI now defaults to Tailwind v4 for both Vite and Nuxt project creation with automatic version detection
Learn more

If you use FormKit, upgrade your projects today! If you don’t, learn how easy it is to build with FormKit in one of our Vue School courses.

Vue and Nuxt + Claude code-ish skills

Want some ready to use AI agent skills to speed up your workflows?

As AI coding tools become part of everyday workflows, the quality of results increasingly depends on how much framework context the agent actually has.

The open-source project onmax/nuxt-skills addresses this by providing framework-aware agent skills for Vue and Nuxt projects.

→ Explore skills

Skills are auto-activated by AI agents based on context – not manually invoked. They help keep your project grounded in framework and project specific best practices. This set includes skills for:

  • Vue 3 Core Concepts – Composition API, components, composables, testing
  • Nuxt – core, modules, better-auth, nuxt hub, and more
  • TS – patterns, library authoring, etc
  • Documentation writer with MDC, writing style rules, and more
  • and even the popular Reka UI library

While piloted by Claude Code, skills are now an open standard supported in many different AI coding tools including Cursor, OpenCode, Antigravity, and more so this tool is likely compatible with your editor of choice.