afrexai-nextjs-production｜AIスキル大辞典

このSkillでできること

✓Next.js App RouterでのServer／Client Componentsの使い分けを整理する
✓メタデータやSEO、本番向けの性能設定を確認する
✓Supabase SSR認証と環境変数の扱いに関する注意点を確認する
✓Next.jsのアンチパターンと本番運用上のチェック項目を確認する

使い方

STEP 1

App Routerを前提に、Server Componentsをデフォルトとして構成を確認する

STEP 2

インタラクティブな箇所に限定してClient Componentsを使用する

STEP 3

認証では@supabase/ssrとCookie利用を前提に確認する

STEP 4

fetchのキャッシュ戦略やNEXT_PUBLIC_*の公開範囲を明示的に確認する

Skillのインストール

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/davi-449/antigravity-config

手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

cmd.exe /c "npm install"
cmd.exe /c "npm run dev"
cmd.exe /c "npm run build"
cmd.exe /c "npx tsc --noEmit"

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

Next.js App Routerの構成を、Server／Client Components、SEO、Supabase SSR認証、環境変数、キャッシュ戦略の観点で本番運用チェックしてください。

出力例を見る

Server Componentsをデフォルトとし、インタラクティブな箇所だけClient Componentsに分離。認証は@supabase/ssrのCookie利用、公開環境変数には機密情報を置かず、fetchのキャッシュ戦略を明示します。

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり

Shellコマンド実行明確な記述なし

ファイル読み取り明確な記述なし

ファイル書き込み明確な記述なし

ネットワークアクセス検出あり

認証情報明確な記述なし

検出根拠を見る

network: **Server Component** (default, sem `'use client'`): - Fetch de dados, acesso a DB, leitura de env vars server-only - Não tem: hooks (`useState`, `use

afrexai-nextjs-production

このSkillでできること

使い方

Skillのインストール

AIにこのSkillを追加してもらう

このSkillを使うプロンプト例

安全性チェック

関連Skill

aigo-builder

shipping-artifacts

cs-reference