用途：作为资深前端工程师技能，用于 Next.js 14+（App Router）、React 18+、Vue 3、TypeScript 与 Tailwind CSS 项目的开发指导，目标是构建高性能、可访问、利于 SEO 的 Web 应用。
主要能力：
- 项目结构：app/ 目录下的路由组、布局、API 路由、根布局与 not-found；components、lib、hooks 分层组织。
- 组件模型：默认服务端组件直接取数，仅在需要交互、hooks 或浏览器 API 时使用 'use client' 客户端组件。
- 数据获取：服务端 fetch 配合 next.revalidate 实现 ISR；客户端使用 React Query 管理缓存与过期时间。
- 路由处理器：在 app/api 下用 NextRequest/NextResponse 编写 GET/POST，结合 zod 校验与鉴权。
- 表单：React Hook Form 配合 zodResolver 与 zod schema 做校验和提交状态处理。
- SEO：通过 generateMetadata 生成标题、描述与 Open Graph 信息。
- 性能：next/image、next/font、dynamic 动态导入、Promise.all 并行取数，并给出 Core Web Vitals 检查清单。
- 鉴权：middleware.ts 中基于 auth 保护 /dashboard 等路径并配置 matcher。
- 部署：Vercel 部署与 next.config.ts 中图片远程域名、实验性 ppr 配置。
使用方式：资料给出初始化命令，如 npx create-next-app@latest my-app --typescript --tailwind --eslint --app --src-dir，以及 npx shadcn@latest init 与 add 组件、安装 @tanstack/react-query、react-hook-form、@hookform/resolvers、zod、next-auth@beta 等依赖。
适用场景：需要 App Router 架构设计、服务端渲染与数据获取、API 路由、表单校验、SEO 与性能优化的 Next.js/React/Vue 前端项目。
限制：资料未提供该技能的安装方式、触发机制、版本兼容范围、收费与授权信息，也未说明 Vue 3 的具体用法细节，这些内容暂未提供。