Nuxt UI 组件库
Nuxt UI
Vue/Nuxt 生态官方旗舰 UI 库，基于 Tailwind，原生支持 SSR/SSG，对 SEO 和首屏加载友好，自带无障碍和暗黑模式。
功能概览
Vue/Nuxt 生态官方旗舰 UI 库，基于 Tailwind，原生支持 SSR/SSG，对 SEO 和首屏加载友好，自带无障碍和暗黑模式。
- Vue 生态缺官方旗舰 UI 库
- SEO 和首屏加载差
- 无障碍和暗黑模式要自己配
使用场景
- 做 Vue/Nuxt 企业品牌官网
- 做内容门户
- 做对 SEO 友好的站点
- 需要无障碍和暗黑模式的项目
适合谁用
- 用 Vue/Nuxt 的前端
- 做企业官网的人
- 做内容门户的人
不适合谁
- 用 React 的人
- 不用 Vue 的人
普通人版解释
用大白话说这是 Vue/Nuxt 生态官方的 UI 库，基于 Tailwind。对 SEO 和首屏加载友好，自带无障碍和暗黑模式。用 Vue 做企业官网和内容门户首选。
专业版解释
给 Claude Code / Codex 用户Nuxt UI 是 Vue/Nuxt 生态官方旗舰 UI 库，基于 Tailwind CSS，原生支持 SSR/SSG，对 SEO 和首屏加载非常友好，自带完整的无障碍、暗黑模式、RTL 适配。适合 Vue 技术栈的企业品牌官网、内容门户。
安装方式
复制对应平台的命令到终端执行。安装前建议先确认来源和安全等级。
npm install @nuxt/ui
SKILL.md 预览
这是这个技能包的核心内容。默认折叠预览，确认后再复制或展开。
如何使用
安装后，把下面的提示词直接发给 AI 即可触发这个技能包。
- 1.请用 Nuxt UI 做一个 Vue 企业官网
- 2.请用 Nuxt UI 做对 SEO 友好的内容门户
- 3.请用 Nuxt UI 做支持暗黑模式的品牌站
安全说明
技能包可能不只是提示词。请先查看下面的权限表，了解这个技能包会做什么。
| 权限项 | 状态 | 风险 |
|---|---|---|
| 是否包含脚本 | 否 | 无风险 |
| 是否会执行系统命令 | 否 | 无风险 |
| 是否会读取本地文件 | 否 | 无风险 |
| 是否会联网请求 | 否 | 无风险 |
| 是否适合新手安装 | 否 | 不建议新手 |
相关技能包
shadcn/ui 组件库
前端社区最火的 UI 方案，基于 Radix UI 无障碍组件 + Tailwind，复制粘贴即拥有全部代码，深度可定制。
React 动画技能包
让 AI 在 React / Next.js 里正确使用 GSAP：useGSAP hook、清理、SSR 不报错。
前端设计技能包
让 AI 做有辨识度的前端视觉设计：美学方向、字体、避免模板化的廉价感。
Web 组件构建技能包
让 AI 用 React、Tailwind、shadcn/ui 构建复杂的多组件 claude.ai HTML artifacts。
HeroUI 组件库
React 生态颜值天花板之一，设计审美在线，主题系统灵活，支持明暗模式和自定义设计令牌，Next.js SSR 完美兼容。
网页动画核心技能包
让 AI 正确使用 GSAP 核心 API：做网页动画、SVG 动画、React/Vue 动画时不再写错代码。