Toolverse
All skills
Frontend

nuxt-modules

by onmax

Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6)

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
onmax
Category
Frontend
Views
17
GitHub repo

About this skill

Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6) Setting up CI/CD workflows for modules. Provides defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation.

How to use

  1. Zainicjuj nowy projekt modułu Nuxt poleceniem npx nuxi init -t module my-module, następnie wejdź do katalogu i zainstaluj zależności za pomocą npm install.

  2. Załaduj plik references/development.md, jeśli budujesz funkcje modułu, używasz defineNuxtModule lub pracujesz z narzędziami Kit — zawiera anatomię modułu, dostępne hooki i wzorce.

  3. Załaduj plik references/testing-and-publishing.md, gdy chcesz napisać testy E2E, opublikować moduł na npm lub poznać best practices — opisuje całą ścieżkę od testowania do wydania.

  4. Załaduj plik references/ci-workflows.md, jeśli konfigurujesz workflow CI/CD dla swojego modułu — zawiera gotowe szablony do skopiowania.

  5. Uruchom npm run dev aby uruchomić playground i testować moduł w trakcie rozwoju, lub npm run dev:build aby budować w trybie watch.

  6. Pamiętaj, aby załadować tylko pliki referencyjne istotne dla bieżącego zadania — nie ładuj wszystkich naraz, aby uniknąć zbędnego kontekstu.

Related skills

shadcn-ui

by josechifflet

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and

Frontend
157206

tailwind-design-system

by wshobson

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Frontend
2676

shadcn-ui-setup

by maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

Frontend
23167

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126

brainstorming

by obra

Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Don't use during clear 'mechanical' processes

Frontend
49170