nonanryu-lang/docs

プロジェクトのAI Skills一覧

このドキュメントでは、本ワークスペースで利用可能なAIの「Skill（スキル）」の一覧と、それぞれの概要、日本語での解説、およびAIにそのSkillを使わせるための「発火例文（プロンプト例）」をまとめています。

1. basic-design-from-requirements

• Description (原文): 要件定義書をもとにWebアプリケーション開発の基本設計書を作成・更新するスキル。要件から画面設計、機能仕様、データ設計、API設計、非機能設計を構造化したいときに使用する。
• 日本語解説: 既存の要件定義書をインプットとして、画面設計やAPI設計などの「基本設計書」を自動生成・更新するためのスキルです。要件から設計への落とし込みや、要件変更時の差分反映に役立ちます。
• 発火例文:
  • 「要件定義書をもとに基本設計書を作成して」
  • 「要件定義の変更を基本設計へ差分反映して」
  • 「要件から設計へ落とし込んで」

2. db-design-from-upstream-designs

• Description (原文): 要件定義書・基本設計書・詳細設計書を入力として、実装可能なDB設計書（テーブル定義、制約、インデックス、トランザクション観点）を作成し、設計書内にMermaidのER図を出力するスキル。
• 日本語解説: 上流工程のドキュメント（要件定義や基本設計）から、具体的なテーブル定義や制約を含む「DB設計書」を作成するスキルです。Mermaid記法を用いたER図も自動生成します。
• 発火例文:
  • 「基本設計書からDB設計書とER図を作成して」
  • 「要件からDB設計に落とし込んで」
  • 「テーブル設計を行ってMermaidで出力して」

3. detailed-design-from-basic-design

• Description (原文): 基本設計書をもとにWebアプリケーション開発の詳細設計書を作成・更新するスキル。機能単位の処理フロー、I/O、バリデーション、エラー処理、DB詳細、API入出力、テスト観点まで落とし込みたいときに使用する。
• 日本語解説: 基本設計書をベースに、実装者がそのままコーディングできるレベルの「詳細設計書（内部設計）」を作成・更新するスキルです。処理フローやバリデーションルールなどを詳細化します。
• 発火例文:
  • 「基本設計書から詳細設計書を作成して」
  • 「基本設計から詳細化してロジック設計を行って」
  • 「内部設計のドキュメントを整備して」

4. docker-env-from-design-docs

• Description (原文): 基本設計書・詳細設計書をもとに、Dockerコンテナ前提の開発環境を設計・構築・更新するスキル。Dockerfile、docker-compose.yml、.env.example、初期化スクリプト、README相当の運用手順を一貫して作成したいときに使用する。
• 日本語解説: 設計書の内容を読み取り、プロジェクトに最適なDocker開発環境（Dockerfileやdocker-compose.ymlなど）一式を自動構築するスキルです。
• 発火例文:
  • 「設計書をもとにDocker環境構築を行って」
  • 「docker-composeで開発環境をセットアップして」
  • 「コンテナ化のためのDockerfileを作成して」

5. nextauth

• Description (原文): NextAuth.js (Auth.js) configuration including providers, adapters, session management, callbacks, and JWT handling.
• 日本語解説: NextAuth.js (Auth.js) を用いた認証機能の実装を専門とするスキルです。各種プロバイダーの設定、セッション管理、JWTの処理などを最適に実装・解決します。
• 発火例文:
  • 「NextAuthでGoogleログインを実装して」
  • 「Auth.jsのセッション管理とコールバックを設定して」
  • 「NextAuthのJWTハンドリングを修正して」

6. nextjs-app-router-patterns

• Description (原文): Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching.
• 日本語解説: Next.js 14以降のApp Routerアーキテクチャに特化したスキルです。Server Components、ストリーミング、Parallel Routes、高度なデータフェッチなどのベストプラクティスを提供します。
• 発火例文:
  • 「Next.jsのApp RouterでServer Componentsを実装して」
  • 「Parallel RoutesとIntercepting Routesの設定をして」
  • 「App Routerでの最適なデータフェッチを実装して」

7. nextjs15-performance

• Description (原文): Next.js 15 critical performance fixes. Use when writing React components, data fetching, Server Actions, or optimizing bundle size.
• 日本語解説: Next.js 15におけるパフォーマンス最適化に特化したスキルです。Reactコンポーネントの描画最適化、Server Actionsの改善、バンドルサイズの削減などを行います。
• 発火例文:
  • 「Next.js 15のパフォーマンスを最適化して」
  • 「バンドルサイズを削減するためのリファクタリングをして」
  • 「Server Actionsのパフォーマンスを改善して」

8. prisma-expert

• Description (原文): Prisma ORM expert for schema design, migrations, query optimization, relations modeling, and database operations.
• 日本語解説: Prisma ORMの専門スキルです。最適なスキーマ設計、マイグレーションの管理、複雑なリレーションの構築、クエリのパフォーマンス最適化などを強力にサポートします。
• 発火例文:
  • 「Prismaのスキーマ設計を最適化して」
  • 「Prismaのマイグレーションエラーを解決して」
  • 「Prismaのクエリパフォーマンスを改善して」

9. requirements-definition

• Description (原文): Webアプリケーション開発の要件定義書を作成するスキル。ユーザーへの対話形式ヒアリングまたは一括入力から、体系的な要件定義書（Markdown）を生成する。
• 日本語解説: ユーザーからの要望やヒアリング内容をもとに、プロジェクトの土台となる「要件定義書」をMarkdown形式で体系的に作成・整理するスキルです。
• 発火例文:
  • 「新規Webアプリの要件定義を行いたい」
  • 「ヒアリングして要件定義書にまとめて」
  • 「既存のメモから要件定義書を整理して」

10. senior-frontend

• Description (原文): Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.
• 日本語解説: React, Next.js, TypeScript, Tailwind CSSを用いたモダンなフロントエンド開発をシニアエンジニアレベルでサポートするスキルです。UI実装からパフォーマンスチューニングまで幅広く対応します。
• 発火例文:
  • 「ReactとTailwindでUIコンポーネントを実装して」
  • 「フロントエンドのパフォーマンスを改善して」
  • 「シニアレベルの視点でフロントエンドのコードレビューをして」

11. senior-qa

• Description (原文): Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications.
• 日本語解説: アプリケーションの品質保証（QA）とテストに特化したスキルです。テスト戦略の立案、自動テスト（E2Eや単体テスト）の実装、カバレッジ分析などを専門的に行います。
• 発火例文:
  • 「Next.jsアプリのE2Eテストを実装して」
  • 「テストカバレッジを分析してテストケースを追加して」
  • 「QAの観点からテスト戦略を設計して」

12. skill-creator

• Description (原文): Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities.
• 日本語解説: AI自身の能力を拡張するための新しい「Skill」を作成、または既存のSkillをアップデートするためのガイドラインとワークフローを提供するメタスキルです。
• 発火例文:
  • 「新しいSkillを作成して」
  • 「既存のSkillをアップデートして」
  • 「このUIを作成するためのskillを作成してほしい」

13. terminal-portfolio-ui

• Description (原文): Next.jsとTailwind CSSを使用して、ターミナルライクでメタリックなエンジニア向けポートフォリオUIを構築・適用するスキル。
• 日本語解説: ターミナル風（コマンドプロンプトや等幅フォント）でメタリックなデザインのポートフォリオUIを構築・適用するスキルです。Bento Gridやグラスモーフィズムなどのモダンなレイアウトを含みます。
• 発火例文:
  • 「ターミナル風のポートフォリオUIを作成して」
  • 「既存のUIをターミナルライクに改修して」
  • 「Bento Gridレイアウトを追加して」

14. ui-ux-pro-max

• Description (原文): UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks...
• 日本語解説: 多彩なスタイル、カラーパレット、フォントペアリングを駆使し、高度なUI/UXデザインの提案や実装、改善を行うプロフェッショナルなデザインスキルです。shadcn/uiなどのモダンなライブラリにも対応しています。
• 発火例文:
  • 「モダンなダッシュボードのUIデザインを提案して」
  • 「shadcn/uiを使ってUIのUXを改善して」
  • 「アクセシビリティを考慮したカラーパレットを適用して」

15. zod-4

• Description (原文): > (Zod v4 related skill)
• 日本語解説: TypeScriptファーストのスキーマ宣言・バリデーションライブラリである「Zod（v4）」に関する実装や型定義、バリデーションロジックの構築をサポートするスキルです。
• 発火例文:
  • 「Zodを使ってフォームのバリデーションを実装して」
  • 「ZodスキーマからTypeScriptの型を推論して」
  • 「APIのレスポンスをZodで検証して」