Nuxt MCP Serverを活用してNuxtアプリケーション開発を支援するスキル。MCP経由でNuxt公式ドキュメント・ブログ・デプロイガイドにアクセスし、開発中の疑問解決・デプロイ設定・バージョンマイグレーション・最新情報取得を行う。Nuxtプロジェクトでの開発作業中、Nuxtの機能やAPIについて調べたい時、デプロイ先を選定・設定したい時、Nuxtのバージョンを移行したい時、最新のリリース情報を確認したい時に使用する。
Install
npx skillscat add mola1129/skills/nuxt Install via the SkillsCat registry.
SKILL.md
Nuxt MCP Server 活用ガイド
利用可能なMCPツール
| ツール | 用途 |
|---|---|
list_documentation_pages |
ドキュメント一覧取得(カテゴリ・バージョンでフィルタ可) |
get_documentation_page |
特定ページの内容取得(パス指定) |
get_getting_started_guide |
バージョン別の入門ガイド取得 |
list_blog_posts |
ブログ記事一覧取得 |
get_blog_post |
特定ブログ記事の内容取得 |
list_deploy_providers |
デプロイプロバイダ一覧取得 |
get_deploy_provider |
特定プロバイダのデプロイ手順取得 |
ワークフロー
1. 開発中のドキュメント参照
Nuxtの機能・API・設定について調べる時:
list_documentation_pagesでカテゴリを絞り込み、該当ページを特定するversionパラメータでバージョンを指定する(デフォルト: 4.x)
get_documentation_pageでページ内容を取得する
ポイント: 漠然と検索せず、まず一覧でカテゴリを絞ってから詳細ページを取得する。
2. デプロイ設定
Nuxtアプリのデプロイ先を選定・設定する時:
list_deploy_providersで対応プロバイダ一覧を取得する- ユーザーの要件(ホスティング環境、予算、スケーラビリティ等)に合うプロバイダを提案する
get_deploy_providerで選定プロバイダの具体的なデプロイ手順を取得する- 手順に従ってプロジェクトのデプロイ設定を行う
3. バージョンマイグレーション
Nuxtのバージョンを移行する時(例: 3.x → 4.x):
get_getting_started_guideで移行先バージョンのガイドを取得するlist_documentation_pagesで移行先バージョンのドキュメント一覧を取得し、Breaking Changesやマイグレーションガイドを探すget_documentation_pageで関連ドキュメントの詳細を取得する- 現在のプロジェクトコードと照合し、必要な変更箇所を特定・実施する
4. 最新情報の確認
Nuxtの最新リリースやアップデート情報を確認する時:
list_blog_postsでブログ記事一覧を取得する- リリースノートやアップデート関連の記事を特定する
get_blog_postで詳細を取得する- プロジェクトへの影響を評価し、必要な対応を提案する