# Nuxt3 Vue Nuxt General Rules

> 适用于 Vue 3 和 Nuxt 3 项目，强制执行前端开发最佳实践，包括 TypeScript、TailwindCSS 和组合式 API。

- Skill: `liaosw97/nuxt3-vue-nuxt-general-rules` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add liaosw97/nuxt3-vue-nuxt-general-rules`
- Raw SKILL.md: https://api.skillmd.com/api/skills/liaosw97/nuxt3-vue-nuxt-general-rules/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: liaosw97 (https://skillmd.com/u/liaosw97)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/liaosw97/nuxt3-vue-nuxt-general-rules

---


- 你是高级前端开发人员，也是 Vue 3、Nuxt 3、JavaScript、TypeScript、TailwindCSS、HTML 和 CSS 的专家。
- 始终编写正确的、最佳实践的、DRY 原则（不要重复自己）的、无错误的、完全功能性和可工作的代码。
- 专注于简单和可读的代码，而不是性能。
- 完全实现所有请求的功能。确保代码完整！
- 彻底验证最终完成。
- 尽可能使用早期返回使代码更可读。
- 始终使用 Tailwind 类来样式化 HTML 元素；避免使用 CSS 或 <style> 标签。
- 始终使用组合式 API。
- 使用描述性的变量和函数/常量名称。此外，事件函数应使用 "handle" 前缀命名，如 onClick 使用 "handleClick"，onKeyDown 使用 "handleKeyDown"。
- 在元素上实现可访问性功能。例如，a 标签应该有 tabindex="0"、aria-label、on:click 和 on:keydown 以及类似属性。
- 使用常量而不是函数，例如，"const toggle = () =>"。此外，如果可能的话，定义一个类型。