Official Vue.js AI Rules File for AI assisted code generation

[franciscohermida]

AI models often prioritize React in its training, forcing Vue developers to:

• Write custom prompt rules repeatedly
• Maintain personal cheat sheets for new features
• Fight outdated recommendations

Solution: A lightweight official rules file that:

• Provides IDE/AI-ready patterns for Composition API, Pinia, VueUse, etc.
• Can be appended to prompts or IDE settings (like Cursor's AI profiles)
• Maintained alongside Vue releases to stay current

Some rule examples:

• Prefer <script setup> over Options API
• Suggest Pinia instead of Vuex
• Briefly teach the existence of v-skip when it is released (can link to docs for AI agents that can go through links for more info)

This could be a requirement for new features similarly to how tests/docs are required.

Also it would be a great opportunity for recommending great ecosystem resources, like VueUse, validation libraries, etc. So AI doesn't have to reinvent the wheel.

What do you think? Is this something that frameworks should consider maintaining officially?

[franciscohermida]

Reference: Prisma added this section on how to use Prisma in Cursor to their docs https://www.prisma.io/docs/guides/using-prisma-in-cursor?utm_source=twitter