skills.rest
skaile-ai
skaile-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

prog-expert-una

Implement UnaUI integration in Nuxt projects with module setup and N* components.

Updated Mar 28, 2026
Search Tags:#typescript#nuxt#ui-theming#unocss#component-integration#una-ui
One-click install
npx skills add https://github.com/skaile-ai/ai-assets --skill prog-expert-una
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: prog-expert-una
Source: https://github.com/skaile-ai/ai-assets/tree/main/dev-implementation-experts-js/skills/prog-expert-una
Command: npx skills add https://github.com/skaile-ai/ai-assets --skill prog-expert-una

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires rich, pyyaml, requests, and includes scripts (resource) components.

What problem does it solve?

Streamlines expert-level UnaUI integration in Nuxt projects, providing consistent component usage, theming, and module configuration.

Core Features & Use Cases

  • Nuxt module setup for @una-ui/nuxt and module configuration
  • Usage of N* components (NButton, NCard, NAlert, NInput, etc.) with standard props and slots
  • Color tokens, slot composition patterns, and UnoCSS-driven theming
  • Guidance for integrating UnaUI into design systems across pages and layouts

Quick Start

Install the UnaUI integration pattern into a Nuxt project and begin configuring modules and components.

Frequently Asked Questions about prog-expert-una

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up UnaUI in a Nuxt project?▼

To set up UnaUI in a Nuxt project, you install the @una-ui/nuxt module and configure it within your nuxt.config file. This enables seamless usage of N* components like NButton and NCard across your application pages.

What is the best way to apply UnoCSS theming with UnaUI components?▼

Applying UnoCSS theming with UnaUI involves defining color tokens and utilizing slot composition patterns. This approach drives consistent styling across N* components like NAlert and NInput throughout your Nuxt design system.

Can I use UnaUI components like NButton and NCard with Nuxt 4?▼

Yes, UnaUI components like NButton and NCard are compatible with Nuxt 4. The integration ensures version tracking and provides recipes to guide ongoing improvements for both Nuxt 3 and 4 environments.

How do I integrate UnaUI across multiple Nuxt pages and layouts?▼

Integrating UnaUI across Nuxt pages and layouts requires applying the Nuxt module setup and using standard props and slots with N* components. This ensures consistent component usage and theming throughout your application.

Related Skills

Explore More Software Engineering Skills→
danghungtb26danghungtb26
3

project-conventions

Enforce naming and folder structure conventions for React TypeScript admin templates.

Community
Basic
Happy-HorizonHappy-Horizon

building-components

Define accessible, composable UI components with Root/Item/Trigger/Content patterns for React-based projects.

Official
Advanced
skaile-aiskaile-ai

prog-expert-uno

Configure UnoCSS presets, theming, and module integration in Nuxt projects.

Official
Advanced
dylantarredylantarre
38

vue

Build token-driven Vue 3 components with the Composition API and TypeScript.

Community
Intermediate