Agent skill · software engineering · secondsky
maz-ui
Maz-UI v4 - Modern Vue & Nuxt component library with 50+ standalone components, composables, directives, theming, i18n, and SSR support. Use when building Vue/Nuxt applications with forms, dialogs, tables, animations, or need responsive design system with dark mode.
Why this skill is useful
Provides a comprehensive set of reusable Vue/Nuxt components and theming patterns that the AI wouldn't reliably generate on its own.
What it needs
Requires @maz-ui/nuxt, maz-ui installed locally. About 9k tokens when loaded. Last updated 2026-08-06. 204 stars on the source repository.
What this skill does
Maz-UI v4 - Vue & Nuxt Component Library Maz-UI is a comprehensive, standalone component library for Vue 3 and Nuxt 3 applications, offering 50+ production-ready components, powerful theming, internationalization, and exceptional developer experience. Latest Version: 4.9.3 (as of 2026-08-03) Package: maz-ui @maz-ui/nuxt @maz-ui/themes @maz-ui/translations @maz-ui/icons Quick Start Vue 3 Installation Setup in main.ts: Use Components: Nuxt 3 Installation Setup in nuxt.config.ts: Use Components (no imports needed): Core Capabilities 🎨 Components (50+) Forms & Inputs: MazInput - Text input with validation states MazSelect - Dropdown select MazTextarea - Multi-line text input MazCheckbox - Checkbox with label MazRadio - Radio buttons MazSwitch - Toggle switch MazSlider - Range slider MazInputPhoneNumber - International phone input with validation MazInputCode - Code/PIN input MazInputPrice - Currency input with formatting MazInputTags - Tag/chip input MazDatePicker - Date picker MazChecklist - Searchable checklist UI Elements: MazBtn - Button with variants MazCard - Container card MazBadge - Label badge MazAvatar - User avatar MazIcon - Icon display MazSpinner - Loading spinner MazTable - Data table with sorting/pagination MazTabs - Tab navigation MazStepper - Step indicator MazPagination - Pagination controls Overlays & Modals: MazDialog - Modal dialog MazDialogConfirm - Confirmation dialog MazDrawer - Slide-out drawer MazBottomSheet - Mobile bottom sheet MazBackdrop - Overlay backdrop MazPopover - Floating popover MazDropdown - Dropdown menu Feedback & Animation: MazFullscreenLoader - Loading overlay MazLoadingBar - Progress bar MazCircularProgressBar - Circular progress MazReadingProgressBar - Reading progress indicator MazAnimatedText - Text animations MazAnimatedElement - Element animations MazAnimatedCounter - Number counter animation MazCardSpotlight - Card with spotlight effect Layout & Display: MazCarousel - Image carousel MazGallery - Image gallery MazAccordio …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills secondsky/maz-ui