mcpField
I
intlayer-usage

intlayer-usage

github.com/aymericzip開発550 回インストール5 週間前に更新
リポジトリ

intlayer-usage について

intlayer-usageは、プロジェクトでIntlayerを使ったローカライズコンテンツ管理を案内するスキルです。ロケール設定、コンテンツ宣言、パッケージのエクスポート経由での利用、CLIによる辞書のビルドを扱います。

主な機能

  1. 01設定済みロケールの確認
  2. 02コンポーネントごとのコンテンツ宣言
  3. 03IntlayerとReact Intlayerのエクスポート利用
  4. 04CLIによる辞書のビルド

活用シーン

  1. 01プロジェクトのロケール設定の確認
  2. 02翻訳をコンポーネントの近くで管理
  3. 03Reactでローカライズコンテンツを利用
  4. 04宣言から辞書をビルド

インストール

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

$npx skills add https://github.com/aymericzip/intlayer-skills --skill intlayer-usage

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

同梱ファイル

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

LICENCE.md
references/
concept_how-works-intlayer.md
concept_per-locale-file.md
get-started.md
packages_intlayer_exports.md
packages_react-intlayer_exports.md
why.md

詳細

Intlayer の使い方

Intlayer を効果的に使用するには：

  1. ロケールを取得する：intlayer.config.{ts,js,json,json5,jsonc,cjs,mjs} と .intlayerrc を確認し、設定されているロケールを把握します。

  2. コンテンツを宣言する： コンポーネントごとにコンテンツ宣言ファイルを作成し、コンポーネントファイルと同じ場所に配置することをおすすめします。これにより、翻訳をコードの近くに保てます。

  3. コンテンツを利用する：用意されているフックと関数を使ってコンテンツにアクセスします。

    一般的なパッケージ：

    • intlayer：コンテンツ宣言とユーティリティ関数を提供するコアパッケージです。
    • react-intlayer：React コンポーネントとフック（例：useIntlayer）を提供します。
    • vite-intlayer：統合用の Vite プラグインです。

  4. CLI コマンド： コンテンツの管理に役立つコマンド：

    • npx intlayer build：コンテンツ宣言から辞書をビルドします。

参考資料

コメント

Markdown 対応