What is the parallel sync process?

The skill runs multiple analysis tasks simultaneously to review your module's structure, runtime code, and configurations, making the synchronization process up to 4x faster than sequential audits.

Does it help with testing my Nuxt module?

Absolutely. It configures Vitest, sets up test fixtures in test/fixtures, and prepares a playground directory so you can perform comprehensive end-to-end testing.

What is the main benefit of using the Nuxt Module Init skill?

It automates the boilerplate and architectural complexity of building Nuxt modules, ensuring they follow official best practices and community standards automatically.

Can I use this on an existing Nuxt module?

Yes, the skill can sync existing modules by auditing your current structure and offering to update it to match modern Nuxt architecture standards.

How does it handle the difference between build-time and runtime code?

It organizes code into specific directories (src/module.ts for build-time, src/runtime/app for client-side, and src/runtime/server for Nitro) to ensure clear separation and prevent environment-specific errors.

Nuxt Module Builder & Sync

Name: Nuxt Module Builder & Sync
Author: harlan-zw

byharlan-zw

•

生産性とワークフロー

Streamlines the creation and standardization of Nuxt modules with best-practice architecture and automated testing setups.

This skill automates the complex process of scaffolding and maintaining Nuxt modules by enforcing standardized directory structures and architectural patterns. It simplifies the distinction between build-time and runtime code, manages registrations like addImports or addServerHandler, and sets up robust testing environments using Vitest and Nuxt test fixtures. Whether initializing a new project or syncing an existing one to modern standards, it uses a parallelized review process to ensure high performance and consistency across your Nuxt ecosystem.

主な機能

01Automated setup for Vitest projects and Nuxt-specific test fixtures

02Strict separation of build-time, app runtime, and server runtime code

032 GitHub stars

04Automated scaffolding using nuxt-module-builder and standard templates

05Parallelized architecture review for 4x faster module syncing

06Standardized configuration for TypeScript, ESLint, and package exports

ユースケース

01Setting up complex server-side logic and Nitro plugins within a module

02Initializing a new production-grade Nuxt module with a pre-configured playground

03Migrating a legacy Nuxt module to the modern nuxt-module-builder standard

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add harlan-zw/harlan-claude-code nuxt-module-init

For use in Claude.ai and ChatGPT

Download Skill