Skills
skills/ フォルダは、コードベース全体を読む前にパッケージを正しく統合する方法を説明します。
以下のような質問に対してシンプルな答えが欲しい時に使用してください：
- どのパッケージから始めればいいですか？
- Reactも必要ですか、それともNext.jsだけでいいですか？
- MDXはセットアップにどう組み込まれますか？
- アプリに最適な最小限のパッケージの組み合わせは何ですか？
推奨の読み順
skills/SKILL.md- パッケージマップskills/core/SKILL.md- 翻訳機能を正しく起動するskills/cli/SKILL.md- CLIでロケールファイルを生成したり、btでマークされた文字列を抽出したい場合skills/react/SKILL.md- UIがReactまたはExpoの場合skills/nextjs/SKILL.md- アプリがNext.js App Routerの場合skills/md/SKILL.md- コンテンツが.mdまたは.mdxにある場合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 status
npx skills add https://github.com/jralvarenga/better-translate --skill workspace