Does this skill provide templates for forms and tables?

Yes, the skill includes production-ready templates for basic forms, multi-step forms, and data tables optimized for both Vue 3 (Vite) and Nuxt 3.

Does Maz-UI support Nuxt 3 auto-imports?

Yes, Maz-UI is fully optimized for Nuxt 3 with a dedicated module that enables auto-imports for components, composables, and styles.

Is Maz-UI accessible for users with disabilities?

Yes, components are built with accessibility in mind, following WCAG 2.1 AA compliance and providing proper ARIA attributes and keyboard navigation.

Can I use Maz-UI components individually to save bundle size?

Absolutely. Maz-UI components are standalone and tree-shakable, allowing you to import only what you need to keep your production bundle size minimal.

How does Maz-UI handle dark mode?

Maz-UI features a built-in dark mode management system via the useTheme composable and uses customizable CSS variables for seamless theme switching.

Maz-UI Vue & Nuxt Components

Name: Maz-UI Vue & Nuxt Components
Author: secondsky

bysecondsky

•

Design Tools

Streamlines Vue 3 and Nuxt 3 application development with a library of 50+ accessible, production-ready components and specialized composables.

Maz-UI is a comprehensive v4 component library specifically designed for Vue 3 and Nuxt 3 ecosystems, providing over 50 standalone, tree-shakable components including advanced form inputs, data tables, and interactive UI elements. It offers first-class TypeScript support, built-in internationalization, dark mode theming, and full SSR compatibility. This skill empowers Claude to implement complex, responsive web interfaces using best practices for performance, accessibility, and modern frontend architecture.

Key Features

0150+ standalone, tree-shakable components for Vue 3 and Nuxt 3

02Built-in dark mode and comprehensive theming system with 4 presets

0314+ specialized composables for toasts, dialogs, and form validation

04Full SSR/SSG support for Nuxt 3 with seamless auto-imports

05Integrated internationalization (i18n) and 840+ optimized SVG icons

0621 GitHub stars

Use Cases

01Implementing enterprise-grade Nuxt 3 applications with dark mode and multi-language support

02Building complex, accessible forms with international phone and currency validation

03Rapidly prototyping responsive SaaS dashboards with pre-built data tables and charts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills maz-ui

For use in Claude.ai and ChatGPT

Download Skill