用途：该技能提供 Nuxt UI v4 组件与模式的专家级知识，在创建 Vue 界面组件、处理按钮、卡片、模态框、表单，实现导航、下拉菜单、提示框，构建响应式布局，以及添加加载状态或骨架屏时激活。
主要能力：覆盖组件参考与常见模式。按钮（UButton）支持 solid、outline、soft、ghost、link 变体，颜色含 primary、secondary、success、warning、error，尺寸从 extra small 到 extra large，并有 disabled 等状态。卡片（UCard）支持 header、footer、默认插槽以及 outline、soft 变体。此外还涵盖 UBadge（含颜色与 solid、outline、soft 变体）、UProgress（value、max、indicator 插槽、color）、UAccordion（items 配置 label、icon、content、defaultOpen）、UModal（v-model:open 与插槽）、UCheckbox、URadioGroup、USkeleton（加载状态）、UTooltip、UDropdownMenu、UBreadcrumb、UNavigationMenu 以及 UIcon 图标。图标默认使用 Heroicons，前缀为 i-heroicons-*，区分 outline 与 solid。
使用方式：主题配置在 app.config.ts 中通过 defineAppConfig 设置 ui.colors 的 primary、secondary、success、warning、error。资料给出卡片加进度、空状态、加载卡片等组合模式示例。
适用场景：构建使用 Nuxt UI v4 的应用界面，例如学习管理系统等场景所需的导航、进度展示、表单与加载反馈。
限制与最佳实践：建议始终使用 Nuxt UI 组件而非原生 HTML 以保持一致性；使用 color 属性而非自定义 Tailwind 颜色；异步内容提供 USkeleton 加载状态；图标统一来自 Heroicons；利用 header、footer、默认插槽实现灵活布局；自定义可点击元素添加 cursor-pointer（UButton 自动处理）。资料未提供安装命令、定价或平台要求。