arch-nuxt-module-builder

Name: arch-nuxt-module-builder
Author: hairyf

github.com/hairyf開発26101 回インストール2 週間前に更新

リポジトリ

arch-nuxt-module-builder について

Nuxt モジュールの開発・保守に使う @nuxt/module-builder のリファレンススキルです。公式ビルドスタックに沿って、ランタイム変換、型生成、CI 設定を扱います。

主な機能

01モジュールビルド設定の自動化
02ランタイムファイルの変換
03型と schema shim の生成
04CLI と CI のガイダンス
05パッケージエクスポートの設定

活用シーン

01module-builder での Nuxt モジュール作成
02ランタイムプラグインやコンポーネントの保守
03CI 向けモジュールビルドの準備
04パッケージエクスポートの設定

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/hairyf/skills --skill arch-nuxt-module-builder

インストール後、Claude Code で/arch-nuxt-module-builderを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

GENERATION.md

assets/

ci.yml

references/

best-practices-package-exports.md

best-practices-setup-patterns.md

core-ci.md

core-cli.md

core-dist-output.md

core-module-definition.md

core-overview.md

core-project-structure.md

features-build-config.md

features-runtime.md

features-types-generation.md

詳細

arch-nuxt-module-builder のスキルは、Nuxt モジュールのビルドと公開を完全にサポートする @nuxt/module-builder を扱います。unbuild を使用し、モジュールのビルド設定を自動化して、@nuxt/schema 用の型とシムを生成し、src/runtime/（プラグイン、コンポーザブル、コンポーネント）を dist/runtime/ に変換します。公式の module-builder スタックを使って Nuxt モジュールを作成または保守する場合に、これらのスキルを使用してください。

このスキルは @nuxt/module-builder v1.0.2 に基づいており、2026-01-30 に生成されました。

コアリファレンス

トピック	説明	リファレンス
概要	module-builder の概要、要件、クイックスタート	core-overview
プロジェクト構成	src/module.ts、src/runtime/、package.json、build.config.ts	core-project-structure
モジュール定義	defineNuxtModule、ModuleOptions、フック、ランタイム設定の型	core-module-definition
Dist 出力	module.mjs、module.json、types.d.mts、runtime/*	core-dist-output
CLI	nuxt-module-build build/prepare、引数（cwd、outDir、stub）	core-cli
CI	GitHub Actions — lint、typecheck、build、test	core-ci

機能

トピック	説明	リファレンス
ランタイム	src/runtime/ の構成、プラグイン／コンポーザブル／コンポーネント、mkdist	features-runtime
型生成	types.d.mts、ModuleOptions の推論、シム	features-types-generation
ビルド設定	build.config.ts、追加エントリー、unbuild プリセット	features-build-config

ベストプラクティス

トピック	説明	リファレンス
パッケージのエクスポート	exports、typesVersions、prepack、files	best-practices-package-exports
セットアップパターン	createResolver、拡張子を指定しない addPlugin	best-practices-setup-patterns

アセット

アセット	説明
ci.yml	GitHub Actions CI ワークフローテンプレート — `.github/workflows/ci.yml` にコピーします

Markdown 対応

ログインしてコメント

基本情報

作者: hairyf
リポジトリ: hairyf/skills
カテゴリ: 開発
インストール数: 101
GitHub スター: 26

問題を報告

おすすめの Skills

すべての Skills

remotion-render

github.com/inference-sh

1.6M

inference.sh を介して React/Remotion コンポーネントコードから動画をレンダリングします。TSX コードを渡すと MP4 を取得できます。useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence など、すべての Remotion API に対応します。解像度、FPS、長さ、コーデックを設定できます。用途：プログラムによる動画生成、アニメーショングラフィック、モーションデザイン、データ駆動型動画、React アニメーションの動画化。トリガー：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

コードベースをスキャンして改善の機会を探し、ビジュアル HTML レポートとして提示し、選択したものを詳しく掘り下げる。

design-mobile-apps

github.com/designed-by-ai

1.1M

Sleek でモバイルアプリの画面をデザインし、Sleek プロジェクトを編集して、React Native または HTML でデザインを実装します。

vercel-react-best-practices

github.com/vercel-labs

848.6k

Vercel Engineering の React および Next.js パフォーマンス最適化ガイドライン。React / Next.js コードを記述、レビュー、またはリファクタリングするときに、最適なパフォーマンスパターンを確保するため、このスキルを使用する必要があります。React コンポーネント、Next.js ページ、データ取得、バンドル最適化、またはパフォーマンス改善を含むタスクで発火します。