Skills

skills/ フォルダは、コードベース全体を読まなくても、パッケージを正しく統合する方法を説明します。

次のような質問に素早く答えたいときに使います。

• どのパッケージから始める？
• React も必要？ Next.js だけで足りる？
• MDX はセットアップにどう組み込む？
• 自分のアプリに必要な最小のパッケージ構成は？

おすすめの読む順

1. パッケージマップ: skills/SKILL.md
2. トランスレーターの正しい起動: skills/core/SKILL.md
3. CLI でロケールファイル生成や bt マーク文字列の抽出: skills/cli/SKILL.md
4. UI が React または Expo: skills/react/SKILL.md
5. アプリが Next.js App Router: skills/nextjs/SKILL.md
6. コンテンツが .md または .mdx: skills/md/SKILL.md
7. ルーティング・サーバー描画・クライアントフックの併用: skills/combined/SKILL.md

クイックパッケージ選択

• プレーン TypeScript、Node.js、API、共有ライブラリ: @better-translate/core
• React Web または Expo: @better-translate/core + @better-translate/react
• Next.js App Router: @better-translate/core + @better-translate/nextjs
• Next.js でクライアントフックも必要: @better-translate/react を追加
• TanStack Router: @better-translate/core + @better-translate/tanstack-router、通常は @better-translate/react も
• Astro: @better-translate/core + @better-translate/astro
• ローカライズされた markdown または MDX: @better-translate/md を追加
• AI 生成ロケールや自動抽出文字列: @better-translate/cli を追加

skills のインストール

リポジトリホストの skills は npx skills add で直接インストールできます：

npx skills add https://github.com/jralvarenga/better-translate
npx skills add https://github.com/jralvarenga/better-translate --skill core
npx skills add https://github.com/jralvarenga/better-translate --skill react
npx skills add https://github.com/jralvarenga/better-translate --skill expo
npx skills add https://github.com/jralvarenga/better-translate --skill nextjs
npx skills add https://github.com/jralvarenga/better-translate --skill md
npx skills add https://github.com/jralvarenga/better-translate --skill cli
npx skills add https://github.com/jralvarenga/better-translate --skill combined
npx skills add https://github.com/jralvarenga/better-translate --skill rtl
npx skills add https://github.com/jralvarenga/better-translate --skill examples
npx skills add https://github.com/jralvarenga/better-translate --skill workspace

ここから始める

• Core ガイド
• React ガイド
• Next.js ガイド
• MD & MDX ガイド
• CLI ガイド
• Examples on GitHub