Agent Skills

セットアップ

CLI を使用する

intlayer init skills コマンドは、プロジェクトに Agent Skills をセットアップする最も簡単な方法です。環境を検出し、好みのプラットフォームに必要な設定ファイルをインストールします。

npx intlayer init skills

Vercel Skill SDK を使用する

npx skills add aymericzip/intlayer-skills

VS Code 拡張機能を使用する

1. コマンドパレットを開きます (Ctrl+Shift+P または Cmd+Shift+P)。
2. Intlayer: Setup AI Agent Skills と入力します。
3. 使用しているプラットフォームを選択します (例: VS Code、Cursor、Windsurf、OpenCode、Claude Code、GitHub Copilot Workspace など)。
4. インストールしたい Agent Skills を選択します (例: Next.js、React、Vite、Compiler、Configuration)。
5. Enter キーを押します。

Agent Skills 一覧

intlayer-config

• エージェントがプロジェクト固有の i18n 設定を理解できるようにし、ロケール、ルーティングパターン、フォールバック戦略を正確に構成できるようにします。

intlayer-cli

• エージェントが翻訳ライフサイクルを自律的に管理できるようにします。これには、不足している翻訳の監査、辞書の構築、コマンドラインを介したコンテンツの同期が含まれます。

intlayer-angular

• Angular のベストプラクティスに従って、リアクティブな i18n パターンとシグナルを正しく実装するためのフレームワーク固有の専門知識をエージェントに提供します。

intlayer-astro

• Astro エコシステム固有のサーバーサイド翻訳やローカライズされたルーティングパターンを処理するための知識をエージェントに提供します。

intlayer-content

• 複数形化、条件分岐、マークダウンなどの高度なコンテンツノードを活用して、リッチで動的なローカライズ辞書を構築する方法をエージェントに教えます。

intlayer-next-js

• Next.js のサーバーコンポーネントおよびクライアントコンポーネント全体で i18n を実装するための知識をエージェントに提供し、SEO の最適化とシームレスなローカライズルーティングを実現します。

intlayer-react

• React ベースのあらゆる環境において、宣言的な i18n コンポーネントやフックを効率的に実装するための専門知識をエージェントに提供します。

intlayer-preact

• Preact の i18n 実装能力を最適化し、シグナルや効率的なリアクティブパターンを使用して、軽量でローカライズされたコンポーネントを作成できるようにします。

intlayer-solid

• SolidJS のきめ細かなリアクティビティを活用して、高性能なローカライズコンテンツ管理をエージェントができるようにします。

intlayer-svelte

• Svelte ステアとイディオマティックな構文を使用して、Svelte および SvelteKit アプリ全体でリアクティブかつ型安全なローカライズコンテンツを扱う方法をエージェントに教えます。

intlayer-remote-content

• リモートコンテンツの統合と管理を可能にし、Intlayer CMS を介したライブ同期やリモート翻訳ワークフローをエージェントが処理できるようにします。

intlayer-usage

• プロジェクト構造とコンテンツ宣言に対するエージェントのアプローチを標準化し、i18n プロジェクトで最も効率的なワークフローに従うようにします。

intlayer-vue

• Composables や Nuxt サポートを含む Vue 固有のパターンをエージェントに提供し、現代的でローカライズされた Web アプリケーションを構築できるようにします。

intlayer-compiler

• 自動コンテンツ抽出を可能にすることでエージェントのワークフローを簡素化し、手動で辞書ファイルを作成することなく、コード内に翻訳可能な文字列を直接記述できるようにします。

intlayer-lit

• useIntlayer および useLocale の ReactiveController を使って Lit の Web コンポーネントを翻訳する方法をエージェントに教えます。

intlayer-vanilla

• vanilla-intlayer を使い、バンドラーの有無にかかわらず、素の JavaScript / TypeScript ページをローカライズできるようにします。

intlayer-remix

• Remix 3 のルーターミドルウェアと、リクエストスコープの useIntlayer / useLocale フックをエージェントに提供します。

intlayer-backend

• 共通のミドルウェア + t / getIntlayer パターンにより、Express、Fastify、Hono、NestJS、AdonisJS、Elysia でサーバーレスポンスを翻訳できるようにします。

intlayer-dev-tools

• コードの周辺に Intlayer のツールをセットアップできるようにします：ハードコードされた文字列を検出する ESLint ルール、Language Server、VS Code および Chrome 拡張機能、MCP サーバー、CI/CD での翻訳チェック。

intlayer-markdown

• Markdown コンテンツ（md()、.content.md ファイル、外部ファイル）を宣言し、MDX コンポーネント、グローバルな MarkdownProvider、Suspense、サーバーサイドパースでレンダリングする方法をエージェントに教えます。

intlayer-compat

• 元の API を維持する互換アダプターを使い、i18next、react-i18next、next-intl、next-i18next、react-intl、vue-i18n、Lingui からの移行をエージェントに案内します。翻訳呼び出しを書き換える必要はありません。